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

Kind (toggle, transition, app-screen)

Mood

dark (36)light (22)playful (8)calm (64)bold (12)luxury (1)minimal (29)techy (7)organic (3)retro (7)futuristic (3)editorial (6)

Industry

saas (15)ai (2)portfolio (1)ecommerce (1)finance (4)health (2)fashion (1)media (6)general (39)developer-tools (2)

Style

glassmorphism (2)neumorphism (1)brutalist (1)gradient (10)neon (3)monochrome (58)illustration (1)photographic (1)typographic (2)bento (1)dithered (1)terminal (3)

Licence

MIT (123)CC0-1.0 (14)

Source repo

Vidvox/ISF-Files (65)superdesigndev/superdesign-prompts (14)uiverse-io/galaxy (13)matinmonshizadeh/animation-handbook (12)tremorlabs/tremor-blocks (9)fand/vfx-js (4)cosscom/coss (3)codse/animata (2)educlopez/smoothui (2)mantinedev/ui.mantine.dev (2)motiondesignlv/ReactZero-flow (2)pulkitxm/claude-directory (2)codrops/FullscreenClipEffect (1)codrops/KineticTypePageTransition (1)codrops/LayersAnimation (1)codrops/PixelTransition (1)codrops/RepeatingImageTransition (1)codrops/ThumbFullTransition (1)SyntaxUI/syntaxui (1)

Effects folder

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

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

2 across

Animated hud targeting ui
App Screen
Subscription
Shadcn/ui integration of the verbatim `TargetingUI` + `HudFrame` primitives — an animated SVG targeting reticle inside a chamfered, notched clip-path frame — driven as a live avionics fire-control display: a `SCANNING → ACQUIRING → TRACKING → LOCKED` acquisition state machine re-tints and re-draws the reticle per phase over vendored recon stills, with a scrolling bearing tape, a pitch/roll horizon ladder, four bracketed corner readouts of easing tabular-num telemetry, a sensor sweep, and L-brackets that snap shut on lock with an amber flash; cold cyan/white instrument palette with one reserved amber lock accent, fonts + images vendored locally, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Terminal cli control deck
App Screen
Subscription
"ACME Control Deck" infrastructure panel built in a phosphor-green Terminal CLI design system — centralized tokens, composable windows/panes, ASCII art logo, typewriter headline, raw-data ASCII progress meters, a live syslog feed, an interactive zsh console, a box-less access form, and a subtle CRT scanline overlay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
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
Onboarding wizard
Onboarding wizard
App Screen
Subscription
@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
AI System Configuration Console
AI System Configuration Console
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Calendar UI: Warm Editorial Week Planner
Calendar UI: Warm Editorial Week Planner
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Card Grid Browse
Card Grid Browse
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Claymorphism Mobile App: Pastel Habit Tracker Home
Claymorphism Mobile App: Pastel Habit Tracker Home
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Editorial Music Player (Now Playing)
Editorial Music Player (Now Playing)
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Fintech Wallet
Fintech Wallet
App Screen
Subscription
Mobile Home Screen.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gesture First Navigation System
Gesture First Navigation System
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Glassmorphism Dashboard: Frosted Sunrise Analytics UI
Glassmorphism Dashboard: Frosted Sunrise Analytics UI
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Sectioned Index Page
Sectioned Index Page
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Skeuomorphism Music Player: Tactile Leather and Brass Now Playing UI
Skeuomorphism Music Player: Tactile Leather and Brass Now Playing UI
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tablekit
Tablekit
App Screen
Subscription
The data table your team actually wants to live in.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Volt
Volt
App Screen
Subscription
Electric-Lime Fitness Dashboard.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Warm Terracotta AI Chat Interface
Warm Terracotta AI Chat Interface
App Screen
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Workspace Settings · Formcraft (two-column, cobalt)
Workspace Settings · Formcraft (two-column, cobalt)
App Screen
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
Angular
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bounce
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bow Tie Horizontal
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bow Tie Vertical
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Burn
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Butterfly Wave Scrawler
Transition
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Circle Crop
Transition
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 · 137 items · 48 on this page