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

Kind (input, palette, transition)

Mood

dark (83)light (105)playful (20)calm (641)bold (188)luxury (11)minimal (70)techy (13)organic (43)retro (5)futuristic (1)editorial (3)

Industry

saas (6)ai (2)portfolio (1)ecommerce (2)finance (4)fashion (1)media (4)general (99)

Style

gradient (618)neon (98)monochrome (107)illustration (1)typographic (2)terminal (2)

Licence

MIT (775)Apache-2.0 (18)

Source repo

Effects folder

Wipes & Slides (17)Dissolves & Fades (14)Shape Reveals (17)Distortion Transitions (21)Warm (104)Cool: Greens & Teals (57)Cool: Blues & Violets (108)Pastel (89)Neon & Vivid (81)Earth & Natural (3)Dark & Moody (39)Monochrome (56)Duotone (73)

Page 1 of 17 · 793 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
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
Send halo
Input
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
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
Warp transition (preset)
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Slit-scan transition (preset)
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pixelate transition (preset)
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Focus transition (preset)
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Midnight
Theme: Midnight
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Witchlight
Theme: Witchlight
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Ember
Theme: Ember
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Glacier
Theme: Glacier
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Abyssal
Theme: Abyssal
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Tide
Theme: Tide
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Nocturne
Theme: Nocturne
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Viridian
Theme: Viridian
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Mint
Theme: Mint
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Foundry
Theme: Foundry
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Rust
Theme: Rust
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Sodium
Theme: Sodium
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Coral
Theme: Coral
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Clay
Theme: Clay
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Wine
Theme: Wine
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Bloom
Theme: Bloom
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Fuchsia
Theme: Fuchsia
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Orchid
Theme: Orchid
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Amethyst
Theme: Amethyst
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Umbra
Theme: Umbra
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Opal
Theme: Opal
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Sherbet
Theme: Sherbet
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Daybreak
Theme: Daybreak
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 17 · 793 items · 48 on this page