Imported library

v0.1 · Phase 0

Imported library

3427 items in the library.

This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages. Sign in

Has preview (44)Clear filters

Kind (entrance, loader, stats)

Mood

dark (31)light (17)playful (2)calm (1)bold (3)minimal (27)techy (9)futuristic (3)editorial (3)

Industry

saas (6)ai (3)agency (2)portfolio (3)finance (1)general (38)developer-tools (4)

Style

gradient (8)monochrome (13)3d (2)illustration (1)typographic (4)terminal (2)

Licence

MIT (49)CC0-1.0 (1)

Source repo

matinmonshizadeh/animation-handbook (14)xiyu519/MotionVault (14)motiondesignlv/ReactZero-flow (4)educlopez/smoothui (3)tremorlabs/tremor-blocks (3)ui-layouts/uilayouts (2)codrops/CircularTextEffect (1)codrops/GridFlowEffect (1)codse/animata (1)cosscom/coss (1)mantinedev/ui.mantine.dev (1)pulkitxm/claude-directory (1)studygeorge/parallax-fx (1)superdesigndev/superdesign-prompts (1)SyntaxUI/syntaxui (1)withmehmet/mogp-motion (1)

Page 1 of 2 · 50 items · 48 on this page

2 across

Bloom nested squares
Loader
Subscription
The shadcn "Bloom" NestedSquares component (25 violet-gradient squares scaling and rotating forever via Framer Motion) staged in a dark motion-specimen studio — a graticule plate, ambient glow, and a calibration rail of dials that retune the live component's ring count, period, stagger, growth, spin and culture.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Fade In / Fade Out - Opacity 0 → 1 enter, 1 → 0 exit
Entrance
Subscription
The compositor handles this without re-painting.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Slide In - Translates from an off-screen edge into final position
Entrance
Subscription
With or without simultaneous fade.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scale In / Zoom In - Scales from a small start value to 1.0
Entrance
Subscription
Transform-origin controls where the pop expands from.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Clip-Path Reveal - A shape mask expands to uncover the element
Entrance
Subscription
Content is always rendered, just progressively visible.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Curtain Reveal - A colored bar slides over content then off the other side
Entrance
Subscription
The reveal is hidden then exposed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Blur In - Fades in while reducing blur
Entrance
Subscription
Mimics camera focus pulling. Best on single hero elements.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Flip In - Rotates from a flat plane into view using CSS 3D perspective
Entrance
Subscription
Perspective on the parent is the key.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bounce In - Overshoots final position then springs back
Entrance
Subscription
Explicit @keyframes waypoints, not easing alone.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Rotate In - Spins while entering
Entrance
Subscription
Best on radially-symmetric shapes like icons, stars, and gears.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Skeleton Loader - Pulsing placeholder blocks match the shape of real content
Loader
Subscription
Reduces perceived wait time.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Shimmer Effect - Gradient sweep over skeleton placeholders
Loader
Subscription
Gives the impression of data streaming in.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Loading Spinner - Six spinner variants from a single CSS color and speed
Loader
Subscription
Ring, orbit, arc, bounce, pulse, square.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Progress Animation - Linear bar, circular ring, and stepped segments
Loader
Subscription
All driven by a single percentage value.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SVG Path Animation - stroke-dashoffset reveals three SVG drawings
Entrance
Subscription
Icon, signature, and logo mark.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
MOGP Motion - CSS-only scroll-triggered animations (fade, scale-up, slide-up, slide-down)
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Choreographed entrance
Choreographed entrance
Entrance
Subscription
@reactzero/flow delay example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Fetch with timeout loader
Fetch with timeout loader
Loader
Subscription
@reactzero/flow race example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Loading spinner
Loading spinner
Loader
Subscription
@reactzero/flow repeat example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Grid stagger reveal
Grid stagger reveal
Entrance
Subscription
@reactzero/flow stagger example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
CurtainReveal - moving mask that uncovers an element on entry (React)
CurtainReveal - moving mask that uncovers an element on entry (React)
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hyper-Speed Loading State
Hyper-Speed Loading State
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Circular text intro
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Grid flow intro
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Split shutter preloader
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Terminal intro
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Curtain preloader
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Progress Primitive
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Context Window Meter Ring
Stats
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Stats Cards with Trends
Stats
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Stats with controls
Stats
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated circular progress ring
Stats
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
KPI card 27: Today
Stats
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Status tracker 1: Operational
Stats
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Status tracker 10: All services are online
Stats
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Terminal Shimmer Progress Loader
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bouncing dots
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gradient ring
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Equalizer bar wave
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Shape shift
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Orbit loader
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Text pulse
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Multi-step loader
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gauge loader
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Uplink signal
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hourglass flip
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Chase ring
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Loading bar sweep
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 2 · 50 items · 48 on this page