design-infraReport a problem or share feedback← Catalog
Halo Input
curatedfreecult-ui/halo-input
Single-line and multiline inputs with frosted fill and gradient rim for generic forms
$
npx shadcn@latest add @cult-ui/halo-inputnpm deps: @base-ui/react, motion
Our notes
Input with animated focus halo + validation states. Tokens for border/text, Vercel-style rainbow hex for the glow — retint for your brand. @base-ui/react + motion.- Source
- Cult UI
- Kind
- component
- Categories
- input
- Use as
- drop-in — replaces your component
- Applies to
- inputform
- Motion
- on state · subtle · motion · medium cost · respects reduced motion
- Tags
- motion
- Licence
- MIT (nolly-studio/cult-ui). Pro blocks/templates at pro.cult-ui.com are paid — not catalogued.
- Live demo
- www.cult-ui.com
- Docs
- www.cult-ui.com
Similar
Compare all 4 →- File Uploadaceternity/file-uploadDrag-and-drop upload with grid background and micro-interactions.
- Gooey Inputaceternity/gooey-inputA search-style input that expands with a gooey SVG filter and shared layout animation
- Settings formoc/settings-formAccount settings page (profile, preferences, notifications, danger zone) plus the SettingsSection / SettingsRow primitives to compose your own.