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 (transition, other)
Mood
Industry
Style
Licence
Source repo
- Subscription
Section: index - table of contents with dot leaders
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: manifesto - eyebrow + two-line serif statement + one narrow paragraph
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: faq - accordion, native details/summary
Component
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
Checkmark Draw - SVG path draws progressively on success
Component
Stroke-dashoffset animates from full length to zero.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Notification Badge Pulse - Dot on icon pulses to draw peripheral attention
Component
Scale, halo, or both.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Tooltip Reveal - Info box fades in after a 300ms delay
Component
Long enough to avoid triggering on mouse pass-through.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Drawer / Panel Slide - Off-canvas panel slides from edge
Component
Ease-out open, ease-in close. Backdrop dismisses.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Modal Expand - Modal scales from the trigger button's position
Component
Transform-origin set to where you clicked.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Accordion Open/Close - Height animates between 0 and auto
Component
JS measured height vs CSS grid-template-rows compared.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Toast Notification - Notification cards slide in from a corner, stack, and auto-dismiss with a progress bar
Component
Swipe or click to dismiss.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Pull to Refresh - Dragging past the top reveals a spinner that fills with distance; release past the threshold to refresh
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
2.5D / Pseudo-3D - Seven depth layers parallax at different rates
Component
Mouse-driven or auto-panning camera.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Cloth Simulation - Verlet integration + distance constraints
Component
Draggable flag responds to gravity and wind.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Morphing Blob - Metaball circles fused by an SVG blur-plus-contrast filter melt like liquid
Component
The blob drifts and a droplet chases the pointer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Accessibility-aware animation demoSubscription
Accessibility-aware animation demo
Component
@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 - Modal with backdropSubscription
Modal with backdrop
Component
@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 - 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 - Competing animations (race)Subscription
Competing animations (race)
Component
@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 - Heartbeat monitor loopSubscription
Heartbeat monitor loop
Component
@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 - Pulsing notificationSubscription
Pulsing notification
Component
@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 - Toast cascadeSubscription
Toast cascade
Component
@reactzero/flow sequence example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Auto-dismiss toastSubscription
Auto-dismiss toast
Component
@reactzero/flow timeout example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Countdown timerSubscription
Countdown timer
Component
@reactzero/flow timeout example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Page kit - 34 composable section families (hero-cinematic, stat-stack, work-rail, visual-chapters, image-comparison, project-index, ...) with a planner, four complete page recipes (studio, product, hospitality, exhibition) and a catalog/preview UI
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)Subscription
ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - ParallaxWindow - photo that drifts inside a fixed frame, clamped to its overflow (React)Subscription
ParallaxWindow - photo that drifts inside a fixed frame, clamped to its overflow (React)
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Marquee - endless ticker that never touches the frame loop (React)Subscription
Marquee - endless ticker that never touches the frame loop (React)
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cinematic Editorial Newsletter EmailSubscription
Cinematic Editorial Newsletter Email
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cinematic Grayscale Newsletter EmailSubscription
Cinematic Grayscale Newsletter Email
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Coral Gradient Product-Launch EmailSubscription
Coral Gradient Product-Launch Email
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Editorial Serif Receipt EmailSubscription
Editorial Serif Receipt Email
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Folded-Paper Club Invite EmailSubscription
Folded-Paper Club Invite Email
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Interactive FolderSubscription
Interactive Folder
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Modal Design · success-celebration (pastel)Subscription
Modal Design · success-celebration (pastel)
Component
Legibility fixed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Modal Design · success-celebration (pastel)Subscription
Modal Design · success-celebration (pastel)
Component
Legibility fixed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Movie-Poster Film Premiere Invite EmailSubscription
Movie-Poster Film Premiere Invite Email
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in