Components
Previews, usage snippets, installation notes, and props tables—including one route per button example.
- ButtonFlat index of every button example route.
- PaginationComposable pagination patterns with live examples.
- Link previewHover an inline link to fetch Open Graph metadata and show a compact preview card in a portal.
- App FoldersiOS-style folder grid for grouping app icons.
- App Store SearchApp Store–style search field and results.
- AuthPolished login form block ready for auth flows.
- Bounce SidebarSidebar navigation with springy expand and item bounce.
- Bouncy AccordionStacked FAQ rows with bouncy spring open/close motion.
- Chat conversationAlternating chat rows with avatars and entrance motion.
- ComposerChat/composer input with attachments and slash actions.
- Credit cardPremium card with metal finish, PAN reveal, and balance odometer.
- Customer Stories CarouselStory carousel with smooth slide and quote focus.
- DropzoneFile dropzone with drag states and previews.
- Dynamic Island PaymentCompact payment island with expand-to-confirm motion.
- Expanding Feature CardFeature card that expands into a richer detail view.
- Flow Shader BackgroundWebGL flow-field background for hero surfaces.
- Glass ShowcaseFrosted glass panel showcase with depth and blur.
- Invite TeamTeam invite form with email chips and roles.
- Liquid Metal AvatarAvatar with liquid metal shader treatment.
- Liquid Metal Profile ButtonProfile control with liquid metal surface.
- Morphing CursorCustom cursor that morphs on interactive targets.
- Morphing TabsAnimated tab indicator that morphs between active items.
- OrbitOrbital icon arrangement with continuous motion.
- Pinned item listPinned and unpinned sections with layout animation.
- Pricing CardPricing plan card with clear hierarchy and CTA.
- Product List TableDense product table with hover and row actions.
- Profile DropdownAccount menu dropdown with avatar and actions.
- Service CardService offering card with optional 3D stage.
- Starter BoardKanban-style starter board with cards and columns.
- Todo ListInteractive to-do list with springs and optional sounds.
- Product grid listResponsive product cards with brand meta, price, full-card links, and a subtle image zoom on hover.
- Expandable cardsList or grid of cards that expand into a modal with Motion shared-layout morphing.
- Accordion (FAQ)Stacked disclosure rows with bouncy spring motion—single or multi-open—for FAQs and policy lists.
- Bento showcase12-column marketing bento with border shimmer, monochrome title motion, and docs/secure icon treatments.
- Gradual cardSquare portrait card with a bottom glass band, TV noise overlay, and optional X-style gold verified badge on the title.