design-infraReport a problem or share feedback← Catalog
Popover Form
curatedfreecult-ui/popover-form
Form popover component with success states and animated transitions
$
npx shadcn@latest add @cult-ui/popover-formnpm deps: motion, lucide-react
Our notes
Button that morphs into a small inline form (feedback, waitlist). Text uses tokens but surfaces are bg-white / dark:bg-[#121212] plus blue accents — swap to bg-popover.- Source
- Cult UI
- Kind
- component
- Categories
- form, modal
- Use as
- drop-in — replaces your component
- Applies to
- formmodalbutton
- Motion
- on press, state · medium · motion · medium cost · ignores 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 →- Button Stateful Buttonbeui/button-statefulUseful for save/submit flows with loading, success and error states. Wire real async outcomes; keep labels and error handling explicit.
- Secure Purchase Buttonmicrokit/secure-purchase-buttonStateful pay button: idle → processing (pixel-wave loader opens room beside the label) → secured (shield) → resets, with data-state, aria-busy and an aria-live label; motion-reduce handled. The states advance on setTimeout in the demo — drive them from your real payment promise. Hard-coded colours.
- File Uploadaceternity/file-uploadDrag-and-drop upload with grid background and micro-interactions.