Heroes
Floating Shapes Hero
A hero with soft, colourful shapes drifting in from off-screen
Preview
Floating Shapes
Ship interfaces
that move
Soft, drifting shapes settle into place behind every screen you build.
Bakes #6366f1 directly into the copied source — self-contained.
Install
npx shadcn@latest add https://flux-ui.pro/r/floating-shapes-hero.jsonSource
components/ui/floating-shapes-hero.tsx
Sign in to reveal the source. Free accounts get 10 a day.
AI prompt
AI prompt
Sign in to reveal the prompt. Free accounts get 10 a day.
Paste this into Cursor, Claude, or any AI editor to drop the component in.