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

Kind (toggle, table, form, loader, button, input, cursor)

Mood

dark (49)light (69)playful (21)calm (7)bold (85)luxury (2)minimal (152)techy (11)retro (1)futuristic (9)editorial (6)

Industry

saas (32)ai (12)agency (4)portfolio (3)ecommerce (3)finance (3)media (1)general (239)developer-tools (3)

Style

glassmorphism (5)brutalist (2)gradient (18)neon (4)monochrome (33)illustration (3)photographic (1)typographic (6)particles (5)grain (2)dithered (1)terminal (3)

Licence

MIT (256)CC0-1.0 (26)Unlicense (1)

Source repo

Page 1 of 6 · 283 items · 48 on this page

2 across

Bloom nested squares
Loader
Subscription
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
MagneticCursor - A custom cursor dot that rAF-lerps toward the pointer and snaps toward real focusable magnetic targets on hover, gated to fine pointers and disabled (native cur
Cursor
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Section: contact - form, editorial fields, no boxes
Form
Subscription
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
Focus Ring Animation - Animated outline on keyboard Tab
Form
Subscription
: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
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
Toggle / Switch Slide - Pill slides left/right for on/off
Form
Subscription
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
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
Skeleton Loader - Pulsing placeholder blocks match the shape of real content
Loader
Subscription
Reduces perceived wait time.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Shimmer Effect - Gradient sweep over skeleton placeholders
Loader
Subscription
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
Loading Spinner - Six spinner variants from a single CSS color and speed
Loader
Subscription
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
Progress Animation - Linear bar, circular ring, and stepped segments
Loader
Subscription
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
Form Field Morph - Floating label rises out of the input on focus
Form
Subscription
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
Cursor Follower - Custom element follows mouse with lerp lag
Cursor
Subscription
Mix-blend-mode: difference inverts any background.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Error Shake - An invalid field shakes horizontally with a decaying wobble and flashes red
Form
Subscription
The universal "no".
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
Star Rating - Stars fill toward the pointer and pop on commit
Form
Subscription
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
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
Fetch with timeout loader
Fetch with timeout loader
Loader
Subscription
@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 spinner
Loading spinner
Loader
Subscription
@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 sequence
Checkout steps sequence
Form
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
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
ImageTrail - trail of images spawned by pointer distance (React)
ImageTrail - trail of images spawned by pointer distance (React)
Cursor
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cursor - ring cursor that trails the pointer and swells over links (React)
Cursor - ring cursor that trails the pointer and swells over links (React)
Cursor
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Account Setup Flow
Account Setup Flow
Form
Subscription
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 Studio
Atlas Studio
Form
Subscription
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 Glass
Aurora Glass
Form
Subscription
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 · Promptly
Create your account · Promptly
Form
Subscription
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 Thought
Design at the Speed of Thought
Form
Subscription
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 Onboarding
Editorial SaaS Onboarding
Form
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Formcraft
Formcraft
Form
Subscription
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 fill
Forms that feel effortless to fill
Form
Subscription
Fieldcraft.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Ghost Cursor
Ghost Cursor
Cursor
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
High energy onboarding
High energy onboarding
Form
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hyper-Speed Loading State
Hyper-Speed Loading State
Loader
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
Loop · Say hello, we don't bite (friendly illustrated sky)
Loop · Say hello, we don't bite (friendly illustrated sky)
Form
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Minimalist Wireframe Login
Minimalist Wireframe Login
Form
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Multi-step Form Flow
Multi-step Form Flow
Form
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Palette
Palette
Form
Subscription
Social-first friendly sign-up.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Plume · Sign in to your design canvas
Plume · Sign in to your design canvas
Form
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Send Us the Brief
Send Us the Brief
Form
Subscription
Brutalist Contact Form.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Sign in to Verdant
Sign in to Verdant
Form
Subscription
Classic Split (Emerald).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 6 · 283 items · 48 on this page