OPUS/UI

Navigation

Hero · Aurora

hot

Centred launch hero over a live aurora — announcement pill with shimmer, rotating headline word, CTAs and a logo marquee.

webglmarketing12 files · 1021 locdeps: clsx, tailwind-merge
NewIntroducing realtime collaboration→

The workspace for builders

Plan, ship and learn in one place. Fast enough for a weekend project, sturdy enough for your whole company.

No credit card · Free forever for small teams

Trusted by teams at

NorthwindGlobexInitechUmbrellaHooliStarkWayneTyrell

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/hero-aurora.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs hero-aurora

Usage

import { HeroAurora } from "@/components/opus/blocks/hero-aurora";

export default function Page() {
  return <HeroAurora />;
}

Notes

  • A block is a starting point, not a black box: copy it, then edit the copy and the content inline.

Command palette