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

Kind (filter, transition, button)

Mood

dark (205)light (17)playful (68)calm (257)bold (437)luxury (17)minimal (20)techy (186)organic (225)retro (283)futuristic (5)editorial (3)

Industry

ai (1)portfolio (1)finance (1)fashion (1)media (3)general (91)

Style

glassmorphism (1)gradient (11)neon (4)monochrome (245)illustration (2)typographic (3)particles (4)grain (14)dithered (129)terminal (10)

Licence

MIT (906)Apache-2.0 (40)Zlib (25)CC0-1.0 (2)

Source repo

Effects folder

Halftone & Print (40)Dither & Pixel (89)Retro — VHS, CRT & Film (97)Glitch & Distortion: Glitch & Corruption (62)Glitch & Distortion: Warps, Waves & Lenses (117)Colour Grading (150)Blur, Glow & Bloom (50)Stylize: Edges, Lines & ASCII (72)Stylize: Paint, Posterize & More (95)Grain & Noise (14)Scanlines & Lines (10)Light Leaks, Vignettes & Flares (10)Wipes & Slides (17)Dissolves & Fades (14)Shape Reveals (17)Distortion Transitions (21)

Page 1 of 21 · 973 items · 48 on this page

2 across

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
Hover State Animation - Six hover techniques side by side
Button
Subscription
Color shift, scale, lift, underline grow, icon nudge, and background sweep.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Click / Tap Ripple - Ripple emanates from the exact click point
Button
Subscription
Material Design's tactile confirmation pattern.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Button Press Scale - Scales to 0.95 on press, springs back on release
Button
Subscription
Asymmetric timing gives a tactile feel.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Magnetic Button - Button leans toward the cursor within a radius, label lagging for parallax
Button
Subscription
Springs home on exit.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Heart / Like Burst - Tap pops and fills the heart while small hearts burst outward on canvas
Button
Subscription
Twitter-style like.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Success Confetti - Completing an action fires a canvas confetti burst
Button
Subscription
Rotating rectangles with gravity and spin.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme Toggle Morph - A sun morphs into a crescent moon as the interface flips between light and dark
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Copy to Clipboard - The copy button swaps to a checkmark and a Copied confirmation, then reverts after a moment
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Segmented Control - A highlighted pill slides beneath the selected segment as the active label crossfades
Button
Subscription
The iOS control.
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
Magnetic - button that leans toward the pointer as it approaches (React)
Magnetic - button that leans toward the pointer as it approaches (React)
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Glow Cursor Button
Glow Cursor Button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Light Beam Button
Light Beam Button
Button
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
Sparkle AI button
Button
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
ASCII glyph mosaic
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bad JPEG degradation
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bloom (COD:AW pyramid)
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Chromatic aberration
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Datamosh
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Duotone (animated cycle)
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Stable fluid (pointer)
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
CRT glitch
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
CMYK/RGB halftone
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hue shift
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
JPEG codec glitch
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Light streaks (anamorphic flare)
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Matrix code rain
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pointer particles
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Particle explode
Filter
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 21 · 973 items · 48 on this page