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 (cta, palette, loader)

Mood

dark (72)light (104)playful (12)calm (583)bold (165)luxury (12)minimal (19)techy (15)organic (40)futuristic (3)editorial (3)

Industry

saas (1)ai (3)agency (1)portfolio (2)general (25)developer-tools (2)

Style

gradient (615)neon (98)monochrome (67)illustration (1)typographic (5)dithered (1)terminal (4)

Licence

MIT (619)Apache-2.0 (18)CC0-1.0 (2)

Source repo

Ghosh/uiGradients (382)itmeo/webgradients (180)shader-gallery/runtime (30)angusforbes/swirlfluid (18)xiyu519/MotionVault (12)matinmonshizadeh/animation-handbook (4)motiondesignlv/ReactZero-flow (2)pulkitxm/claude-directory (2)superdesigndev/superdesign-prompts (2)ui-layouts/uilayouts (2)codse/animata (1)cosscom/coss (1)educlopez/smoothui (1)mantinedev/ui.mantine.dev (1)ridelink0/ultimate-frontend-skills (1)

Effects folder

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 14 · 639 items · 48 on this page

2 across

Hero dithering card
Call to Action
Subscription
"DITHER · PRESS" — the brief's `CTASection` dropped **verbatim** into `components/ui`: a transparent-backed `@paper-design/shaders-react` `Dithering` shader laying Pantone-orange ink under an editorial headline, mounted on a print-house "press bed" with crop marks, a rotating registration loupe, a half-tone dot field, and a telemetry strip that samples ink coverage live off the plate; plus an "ink console" whose faders (speed / shape / type / ink) drive a second live `Dithering` instance, a copyable-source integration story, a `Dithering` props table, and a paper ↔ lights-out theme toggle — fonts vendored locally, CLI-verified with a screenshot-diff render check.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
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
Section: cta - closing band, one action only
Call to Action
Subscription
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
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
Atelier
Atelier
Call to Action
Subscription
Design, Spoken Into Being (editorial serif / burgundy).
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
Split shutter preloader
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Terminal intro
Loader
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Curtain preloader
Loader
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
Theme: Prism
Theme: Prism
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Peacock
Theme: Peacock
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Spectral
Theme: Spectral
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Mercury
Theme: Mercury
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Verdigris
Theme: Verdigris
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Neon
Theme: Neon
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme: Dusk
Theme: Dusk
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ocean (swirlfluid palette)
ocean (swirlfluid palette)
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
dusk (swirlfluid palette)
dusk (swirlfluid palette)
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
navygold (swirlfluid palette)
navygold (swirlfluid palette)
Palette
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
wine (swirlfluid palette)
wine (swirlfluid palette)
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 14 · 639 items · 48 on this page

Hero dithering card

Bloom nested squares

Section: cta - closing band, one action only

Skeleton Loader - Pulsing placeholder blocks match the shape of real content

Shimmer Effect - Gradient sweep over skeleton placeholders

Loading Spinner - Six spinner variants from a single CSS color and speed

Progress Animation - Linear bar, circular ring, and stepped segments

Fetch with timeout loader

Loading spinner

Atelier

Hyper-Speed Loading State

Split shutter preloader

Terminal intro

Curtain preloader

Theme: Midnight

Theme: Witchlight

Theme: Ember

Theme: Glacier

Theme: Abyssal

Theme: Tide

Theme: Nocturne

Theme: Viridian

Theme: Mint

Theme: Foundry

Theme: Rust

Theme: Sodium

Theme: Coral

Theme: Clay

Theme: Wine

Theme: Bloom

Theme: Fuchsia

Theme: Orchid

Theme: Amethyst

Theme: Umbra

Theme: Opal

Theme: Sherbet

Theme: Daybreak

Theme: Prism

Theme: Peacock

Theme: Spectral

Theme: Mercury

Theme: Verdigris

Theme: Neon

Theme: Dusk

ocean (swirlfluid palette)

dusk (swirlfluid palette)

navygold (swirlfluid palette)

wine (swirlfluid palette)