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 (130)Clear filters

Kind (carousel, loader, tool, transition)

Mood

dark (51)light (13)playful (8)calm (62)bold (12)luxury (1)minimal (26)techy (9)organic (3)retro (5)futuristic (4)editorial (5)

Industry

ai (2)agency (1)portfolio (5)finance (1)fashion (3)media (5)general (54)developer-tools (2)

Style

gradient (31)monochrome (60)3d (9)illustration (1)typographic (5)parallax (1)video (2)terminal (2)

Licence

MIT (135)CC0-1.0 (1)

Source repo

Effects folder

Wipes & Slides (17)Dissolves & Fades (14)Shape Reveals (17)Distortion Transitions (21)

Page 1 of 3 · 136 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
ffmpeg helpers: stage AI clips, all-keyframe encode, 9:16 mobile reframe
ffmpeg helpers: stage AI clips, all-keyframe encode, 9:16 mobile reframe
Tool
Free sample
View Transitions API - document.startViewTransition()
Transition
Subscription
The browser captures before/after and animates automatically.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Shared Element Transition - A thumbnail morphs continuously into a detail hero as pages change
Transition
Subscription
The FLIP technique applied.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Morph Transition - An SVG path morphs between page-specific shapes
Transition
Subscription
Point-by-point interpolation across 12-vertex paths.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Crossfade - Both pages visible simultaneously at ~50% opacity mid-transition
Transition
Subscription
Compare with sequential fade.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Slide Transition - Directional slides with forward/back awareness
Transition
Subscription
Matches native iOS and Android navigation patterns.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Zoom Transition - Three scale variants
Transition
Subscription
Zoom-in, zoom-out, pull-through — each implying different spatial depth.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Flash / Light Leak - A colored flash peaks at full opacity, hides the page swap, then fades to reveal the new scene
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Blur Transition - Current page blurs and fades out, then new page sharpens in
Transition
Subscription
A defocus wipe between scenes.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Elastic Transition - Spring physics cause overshoot before settling
Transition
Subscription
CSS keyframes or live JS spring simulation.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Portal / Tunnel Zoom - clip-path expands from a portal element's center, zooming the viewport into the next page
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Dissolve - Random tiles fade at staggered delays
Transition
Subscription
A non-uniform wipe that reads as dissolving rather than fading.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
FLIP Technique - First-Last-Invert-Play
Transition
Subscription
CSS layout changes animated seamlessly by measuring position deltas.
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
Page transition
Page transition
Transition
Subscription
@reactzero/flow composition 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
Video-to-scroll frame pipeline
Video-to-scroll frame pipeline
Tool
Subscription
Extract frames, build spritesheet, make hold loops, contact sheets (Python + ffmpeg).
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
Depth coverflow carousel
Carousel
Free sample
3D ring gallery
Carousel
Free sample
Curved gallery
Carousel
Free sample
Spotlight carousel
Carousel
Free sample
Post carousel
Carousel
Free sample
Grainy carousel
Carousel
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Card stack
Carousel
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Orbital wheel
Carousel
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Repeating image transition
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Clip perspective row
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Kinetic type transition
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Clip layers transition
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Prism sweep transition
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Slideshow 3D flip
Carousel
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Parallax image carousel
Carousel
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Creative 3D slides
Carousel
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
Fullscreen scroll slideshow
Carousel
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Glitchy grid slideshow
Carousel
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pixel page transition
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Thumb to full transition
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cube carousel
Carousel
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Flip carousel
Carousel
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

Page 1 of 3 · 136 items · 48 on this page