framer-motion

34 components tagged “framer-motion”.

Cinematic Interactions

Dynamic Island Toast

A pixel-faithful Apple Dynamic Island that morphs, splits, and hosts live activities.

1 depsView component →
Elite Micro-InteractionsPro

Liquid Loader Button

Idle → loading → success / error without ever shifting the surrounding layout.

2 depsView component →
Heavy SaaS BlocksPro

Advanced Command Palette

A keyboard-first ⌘K menu with a layout-pill highlight that physically glides between rows.

3 depsView component →
Heavy SaaS BlocksPro

Fluid Drag-and-Drop Kanban

Trello-grade board with pointer-physics. Cards tilt toward their throw velocity.

2 depsView component →
Heavy SaaS BlocksPro

Multi-Step Morphing Wizard

An onboarding card whose container physically morphs to wrap each step.

2 depsView component →
Heavy SaaS BlocksPro

GitHub-Style Activity Grid

365 squares, one shared tooltip, and a cascading reveal that ripples backward from today.

1 depsView component →
Heavy SaaS BlocksPro

Metric Card with Sparkline

Dashboard cards with a hand-rolled monotone-cubic SVG line and pointer-scrub.

2 depsView component →
Heavy SaaS BlocksPro

Real-Time Notification Popover

A bell that physically reacts to live data. The popover unfolds from the bell itself.

3 depsView component →
Heavy SaaS BlocksPro

RBAC Permission Toggles

Heavy, mechanical-feeling toggles with classic squash-and-stretch.

2 depsView component →
Heavy SaaS BlocksPro

Subscription Tier Card

Animated 1px conic-gradient border, soft Wensity Red halo on hover, shimmer CTA.

2 depsView component →
Show OffPro

Split-Flap Vestaboard Display

Mechanical character cascade. Pure CSS 3D, ~80 cells at 60fps.

1 depsView component →
Show OffPro

Animated Code Diff Viewer

Lines collapse red, inject green. Prism is parsed once, never mid-flight.

3 depsView component →
Show OffPro

Retro Terminal Emulator

CRT phosphor, scanlines, and a 240 char/sec typer that never re-renders mid-stream.

1 depsView component →
Show OffPro

Stacked Tinder-Swipe Cards

A real deck. Top card flicks off, the one underneath physically rises in real time.

2 depsView component →
Show OffPro

Physics-Based Confetti Cannon

Hand-rolled canvas particles. Gravity, drag, terminal velocity, fluttering ribbons.

2 depsView component →
Show OffPro

Refraction Glass Container

Real refraction. `feDisplacementMap` warps the pixels behind the card.

1 depsView component →
Show OffPro

Bento Box Grid Layout

Responsive dashboard tiles with click-to-expand focus mode. Never random.

1 depsView component →
Show OffPro

Ambient Aurora Canvas

Pure-CSS atmospheric lighting. Heavy blur, OKLCH, and a noise overlay that kills banding.

1 depsView component →