Expandable Cards
Interactive React cards that expand to reveal content with smooth Motion animations. Accessible, keyboard-navigable expandable UI for portfolios and product showcases.
Installation
pnpm dlx shadcn add @smoothui/expandable-cardsnpx shadcn@latest add @smoothui/expandable-cardsyarn dlx shadcn add @smoothui/expandable-cardsbunx shadcn add @smoothui/expandable-cardsFeatures
- Expand/collapse with animated layout
- Keyboard navigable and accessible
- Grid or list layouts supported
- Easy theming
Props
Dynamic Island
Apple-inspired Dynamic Island React component with smooth spring animations. Expandable notification pill for alerts, music players, and status updates.
Figma Comment
An animated comment bubble component inspired by Figma's comment system. Expands from a small avatar to show full comment details with smooth spring animations.