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
Kind (input, navbar, transition)
Mood
Licence
Source repo
- Subscription
Section: nav - fixed header, transparent over the hero, frosted after it
Navbar
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scrollspy Navigation - A nav rail tracks the section in view with a sliding indicator
Navbar
The docs-site pattern.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
View Transitions API - document.startViewTransition()
Transition
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 - Subscription
Shared Element Transition - A thumbnail morphs continuously into a detail hero as pages change
Transition
The FLIP technique applied.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Morph Transition - An SVG path morphs between page-specific shapes
Transition
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 - Subscription
Crossfade - Both pages visible simultaneously at ~50% opacity mid-transition
Transition
Compare with sequential fade.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Slide Transition - Directional slides with forward/back awareness
Transition
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 - Subscription
Zoom Transition - Three scale variants
Transition
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 - Subscription
Flash / Light Leak - A colored flash peaks at full opacity, hides the page swap, then fades to reveal the new scene
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Blur Transition - Current page blurs and fades out, then new page sharpens in
Transition
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 - Subscription
Elastic Transition - Spring physics cause overshoot before settling
Transition
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 - Subscription
Portal / Tunnel Zoom - clip-path expands from a portal element's center, zooming the viewport into the next page
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Dissolve - Random tiles fade at staggered delays
Transition
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 - Subscription
FLIP Technique - First-Last-Invert-Play
Transition
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 - Subscription
Hamburger Menu Toggle - The bars icon morphs to an X
Navbar
Top and bottom bars rotate to cross while the middle fades out.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Page transitionSubscription
Page transition
Transition
@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 - Nav menu items staggerSubscription
Nav menu items stagger
Navbar
@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 - Pill NavSubscription
Pill Nav
Navbar
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Send halo
Input
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Repeating image transition
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Clip perspective row
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Kinetic type transition
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Clip layers transition
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Prism sweep transition
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Pixel page transition
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Thumb to full transition
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Warp transition (preset)
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Slit-scan transition (preset)
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Pixelate transition (preset)
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Focus transition (preset)
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in 
SubscriptionAngular
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionBounce
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionBow Tie Horizontal
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionBow Tie Vertical
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionBurn
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionButterfly Wave Scrawler
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionCircle Crop
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionCircle Open
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionCircle
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionColor Phase
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionColour Distance
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionCrazy Parametric Fun
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionCrosshatch
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionCrosswarp
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionCrossZoom
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionCube
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionDirectional Warp
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionDirectional Wipe
Transition
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in