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 (form, loader, background, input)
Mood
Industry
Style
Source repo
- Subscription
Animated dots rain
Background
Shadcn/ui integration of the verbatim `AnimatedDots` component — a raw-`<canvas>` dot rain where columns of dots fall and each dot bleeds a single R/G/B channel from black to full as it accelerates down, then recycles with a new colour and speed — dropped into `@/components/ui` and framed as a component lab: a full-bleed live hero (the verbatim demo) with a render-FPS/uptime telemetry strip, a control deck of faders wired to every real prop (dotsNum/dotRadius/dotSpacing/speedRange/opacity + blend-mode and background-colour controls) with named presets and a live-usage snippet, a shadcn-CLI integration story explaining the default paths and why `/components/ui` matters, and a props API with the prompt's data/state/assets/responsive/placement Q&A; zero runtime deps, zero component assets, fonts 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
Gradient bars background
Background
Shadcn/ui integration of the verbatim `GradientBars` component — an equalizer-shaped wall of pulsing vertical CSS `linear-gradient` bars (U-shaped height curve, staggered `scaleY` `@keyframes`) — dropped into `@/components/ui` and framed as a component lab: a full-bleed live hero with a render-FPS/bars/assets/uptime telemetry strip and stack ticker, a control deck of faders wired to the real props (numBars/animationDuration + gradientFrom colour picker with named presets + backgroundColor) with a live-usage snippet, a shadcn-CLI integration story explaining the default paths and why `/components/ui` matters, and a props API with the prompt's data/state/assets/responsive/placement Q&A; zero image assets (pure CSS keyframes), fonts 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
Gradient dots background
Background
Shadcn/ui integration of the verbatim `GradientDots` component — a hue-cycling hexagonal CSS `radial-gradient` dot field looped with framer-motion — dropped into `@/components/ui` and framed as a component lab: a full-bleed live hero (the verbatim demo) with a render-FPS/uptime telemetry strip, a control deck of faders wired straight to the real props (dotSize/spacing/duration/colorCycleDuration + a background colour control) with named presets and a live-usage snippet, a four-step shadcn-CLI integration story explaining the default paths and why `/components/ui` matters, and a props API with the prompt's data/state/assets/responsive/placement Q&A; zero component assets (pure CSS), fonts 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
Dotted surface waves
Background
Shadcn/Tailwind v4/TS integration of the verbatim `DottedSurface` component — a full-viewport three.js `Points` lattice (40 × 60 = 2,400 dots) displaced by two crossing sine waves — framed as a quiet "field generator" with a centred Geist Mono lockup + radial glow and a live `next-themes` toggle that flips the dot palette (light dots on dark ↔ dark dots on light) in real time; fonts vendored locally.
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
Section: contact - form, editorial fields, no boxes
Form
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Focus Ring Animation - Animated outline on keyboard Tab
Form
:focus-visible ensures mouse users see no ring.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Toggle / Switch Slide - Pill slides left/right for on/off
Form
Smooth cubic-bezier gives a weighted, physical feel.
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 - Subscription
Form Field Morph - Floating label rises out of the input on focus
Form
Persists when the field is filled.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Error Shake - An invalid field shakes horizontally with a decaying wobble and flashes red
Form
The universal "no".
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Star Rating - Stars fill toward the pointer and pop on commit
Form
An accessible five-star control.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Canvas Particle Effect - 500 drifting particles with O(n²) proximity connections and mouse repel/attract on 2D canvas
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Noise-Based Motion - Simplex noise drives a wind field and a morphing blob
Background
Smooth random, not chaotic random.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Animated Gradient Background - CSS gradient shifts hue and position continuously
Background
Pure CSS, no JavaScript, seamless loop.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Mesh Gradient Animation - Blurred radial gradient blobs drift slowly
Background
Organic color washes popularized by Stripe.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Aurora / Northern Lights - Tall color bands drift and skew horizontally
Background
Heavy blur fakes the curtain of light.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Grain / Film Noise Overlay - Animated noise at 5–10% opacity adds cinematic warmth
Background
Subtlety is everything.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scanline Effect - CRT horizontal lines with optional sweep beam, curvature, and phosphor glow
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Light Leak - Warm gradient fires at random irregular intervals
Background
Analog film camera aesthetic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Starfield / Space Particles - Stars drift outward from center with parallax depth
Background
Slow ambient speed, never hyperspace.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Breathing / Pulsing Glow - Radial glow expands and contracts on a 5-second breath cycle
Background
Calm resting state.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Ambient Ripple Effect - Concentric rings emit periodically from idle sources
Background
Passive atmosphere, not click-driven.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Floating Elements - Geometric shapes drift on independent sine-wave paths
Background
No two elements synchronized.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Grid / Dot Pattern Parallax - Pattern shifts subtly opposite to mouse movement
Background
Depth felt, barely seen.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Abstract Geometric Motion - Four hypnotic loops: rotating polygons, expanding rings, sliding bars, flowing color lines
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Particle Constellation - Drifting nodes link with lines when they come close
Background
The network-mesh hero background.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Flow Field - Particles follow a noise-driven vector field, leaving flowing trails
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Synthwave Grid - A perspective grid scrolls toward a glowing sun
Background
The retro synthwave horizon.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Matrix Rain - Columns of glowing characters fall down a dark canvas, leaders bright and trails fading
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Plasma Field - Summed sine functions of x, y, and time make a flowing, organic color field
Background
The demoscene classic.
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 - Checkout steps sequenceSubscription
Checkout steps sequence
Form
@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 - Account Setup FlowSubscription
Account Setup Flow
Form
Goals / Interests (Card-Based).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Atlas StudioSubscription
Atlas Studio
Form
Charting Your Account, Step One of Three.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Aurora GlassSubscription
Aurora Glass
Form
Sign in to the canvas.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Create your account · PromptlySubscription
Create your account · Promptly
Form
Split-image emerald sign-up.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Design at the Speed of ThoughtSubscription
Design at the Speed of Thought
Form
Editorial Split Sign-Up.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Editorial SaaS OnboardingSubscription
Editorial SaaS Onboarding
Form
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Force Field BackgroundSubscription
Force Field Background
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - FormcraftSubscription
Formcraft
Form
Workspace Settings (cobalt two-column).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Forms that feel effortless to fillSubscription
Forms that feel effortless to fill
Form
Fieldcraft.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Gooey Gradient BackgroundSubscription
Gooey Gradient Background
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - High energy onboardingSubscription
High energy onboarding
Form
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in