design-infraReport a problem or share feedback← Catalog
Expandable
curatedfreecult-ui/expandable
Expandable component system with smooth animations and customizable presets
$
npx shadcn@latest add @cult-ui/expandablenpm deps: motion, react-use-measure
Our notes
Compound card that expands to reveal details (motion + react-use-measure). Mostly bg-muted/ring-border, but one bg-white surface — check dark mode.- Source
- Cult UI
- Kind
- component
- Categories
- misc
- Use as
- drop-in — replaces your component
- Applies to
- card
- 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 →- Beam cardoc/beam-card♥ The user explicitly asked to keep Beam Card in the homepage examples while replacing the underwhelming loader. Retain its subtle beam emphasis.
- Cardbeui/cardComposable card with header, title, description, action, content and footer parts. Outlined or muted surfaces, standard or compact spacing, and an opt-in selectable state with press feedback that composes with Checkbox, Radio and Button.
- Expandable Controlbeui/expandable-controlClick-to-expand button and chip controls that reveal a label or trailing action through spring layout continuity.