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, loader, table, app-screen)
Mood
Industry
Style
Licence
Source repo
- Subscription
Animated hud targeting ui
App Screen
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 - Subscription
Terminal cli control deck
App Screen
"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 - Subscription
Bloom nested squares
Loader
The shadcn "Bloom" NestedSquares component (25 violet-gradient squares scaling and rotating forever via Framer Motion) staged in a dark motion-specimen studio — a graticule plate, ambient glow, and a calibration rail of dials that retune the live component's ring count, period, stagger, growth, spin and culture.
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
Skeleton Loader - Pulsing placeholder blocks match the shape of real content
Loader
Reduces perceived wait time.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Shimmer Effect - Gradient sweep over skeleton placeholders
Loader
Gives the impression of data streaming in.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Loading Spinner - Six spinner variants from a single CSS color and speed
Loader
Ring, orbit, arc, bounce, pulse, square.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Progress Animation - Linear bar, circular ring, and stepped segments
Loader
All driven by a single percentage value.
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 - Fetch with timeout loaderSubscription
Fetch with timeout loader
Loader
@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 - Loading spinnerSubscription
Loading spinner
Loader
@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 - Onboarding wizardSubscription
Onboarding wizard
App Screen
@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 ConsoleSubscription
AI System Configuration Console
App Screen
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 PlannerSubscription
Calendar UI: Warm Editorial Week Planner
App Screen
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Card Grid BrowseSubscription
Card Grid Browse
App Screen
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 HomeSubscription
Claymorphism Mobile App: Pastel Habit Tracker Home
App Screen
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)Subscription
Editorial Music Player (Now Playing)
App Screen
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Fintech WalletSubscription
Fintech Wallet
App Screen
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 SystemSubscription
Gesture First Navigation System
App Screen
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 UISubscription
Glassmorphism Dashboard: Frosted Sunrise Analytics UI
App Screen
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Hyper-Speed Loading StateSubscription
Hyper-Speed Loading State
Loader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Sectioned Index PageSubscription
Sectioned Index Page
App Screen
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 UISubscription
Skeuomorphism Music Player: Tactile Leather and Brass Now Playing UI
App Screen
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - TablekitSubscription
Tablekit
App Screen
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 - VoltSubscription
Volt
App Screen
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 InterfaceSubscription
Warm Terracotta AI Chat Interface
App Screen
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)Subscription
Workspace Settings · Formcraft (two-column, cobalt)
App Screen
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
Split shutter preloader
Loader
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
Terminal intro
Loader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Curtain preloader
Loader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in