Animated components
Spring buttons, reordering lists, radial menus and layered reveals
Buttons
- Toggle — Toggle button with a springy response (Pro)
- Flip Button — Two-sided button that flips on a spring (Pro)
- Liquid Button — Button that fills with “liquid” on hover (Pro)
- Theme Toggler — Light/dark switch with a View Transitions reveal (Pro)
- GitHub Stars Button — Repository link with a rolling star count (Pro)
- Share Button — Button that fans out social icons (Pro)
Code and numbers
- Code Tabs — Code variants in tabs: npm, pnpm, bun, with copy (Pro)
- Number Wheel — Number on a spinning wheel with neighboring values (Pro)
Lists and people
- Pin List — Pinnable list: items glide between groups (Pro)
- Notification Stack — Notification stack that expands into a list (Pro)
- Todo List — Checklist with a wavy strike-through on done items (Pro)
- Presence Avatars — Who’s online: avatars rearrange as status changes (Pro)
Radial menus
- Radial Menu — Ring-shaped context menu on right-click (Pro)
- Radial Nav — Circular navigation with an arrow that turns to the section (Pro)
- Radial Intro — Items fly out from the center and orbit (Pro)
Link previews
- Link Preview — Page preview on link hover (Pro)
Layers and reveals
- Folded Depth Cards — Cards layered in depth that fold like paper, with keyboard and swipe (Pro)
- Halftone Image Reveal — Image revealed in halftone dots on scroll, hover or when it appears (Pro)
Other categories
Basics · Navigation and layout · Overlays and notifications · Forms and input · Data and metrics · Charts and analytics · Work and teams · Account and access · AI chat and agents · Image generation · Developer tools · Landing pages and brand · Shop and payments · Content and social · Games · Effects · 3D and motion