Composable MorphPopover, MorphPopoverTrigger, MorphPopoverContent; the panel is laid out full size but clipped to the corner nearest the trigger, then unclips as one piece, a single-surface morph with a drop-shadow that hugs the shape. Side/align aware, controlled or uncontrolled.
Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, copy-address, and Send / Deposit / Swap / Buy actions.
An animated funnel chart with multi-layer halo rings, hover interactions, and staggered entrance animations
Revenue stat card with gradient area sparkline, NumberFlow, and trend badge
Visitor map stat card with choropleth sparkline, NumberFlow, and trend badge
Sessions stat card with line sparkline, overlaid NumberFlow, and trend badge
SVG phone frame for presenting screenshots, video, or interactive content.
SVG laptop frame for presenting screenshots, video, or interactive content.
Safari-style browser frame for presenting a website screenshot or demo.
A fitness activity card with three colored progress rings.
A four-card grid combining product content with varied animations.
A card carousel with direct and previous or next navigation.
A multi-step currency transfer card with animated transaction states.
A button with an animated gradient border and emerald, purple, and orange glow variants.
A translucent card with layered glass and refraction effects.
A drawer with a smooth slide-in transition and dimmed backdrop.
Tabs with an animated indicator that moves between selections.
