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

Kind (other, background)

hero (15)navbar (3)cta (1)gallery (2)text-effect (22)background (559)loader (7)cursor (4)scroll-effect (40)3d-scene (9)shader (75)button (10)card (11)form (6)full-page (1)other (22)transition (13)entrance (14)app-screen (1)

Mood

dark (388)light (27)playful (100)calm (372)bold (378)luxury (120)minimal (7)techy (171)organic (441)retro (123)futuristic (2)editorial (1)

Industry

saas (3)general (42)

Style

gradient (190)neon (198)monochrome (30)3d (33)illustration (1)photographic (1)parallax (5)particles (39)grain (1)terminal (4)

Licence

MIT (442)Apache-2.0 (139)

Source repo

shader-gallery/shaders (316)paper-design/shaders (86)angusforbes/swirlfluid (53)Jannchie/shader-gradient (52)matinmonshizadeh/animation-handbook (30)Vidvox/ISF-Files (30)motiondesignlv/ReactZero-flow (8)studygeorge/parallax-fx (3)fand/vfx-js (2)pulkitxm/claude-directory (1)

Effects folder

Gradients & Mesh (69)Swirls & Fluid (99)Noise, Clouds & Smoke (38)Fire, Plasma & Energy (19)Aurora & Light (113)Liquid, Glass & Metal (53)Particles & Dots (34)Geometric & Patterns (83)3D Shapes & Spheres (31)

Page 1 of 13 · 581 items · 48 on this page

2 across

Dotted surface waves
Background
Subscription
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
Checkmark Draw - SVG path draws progressively on success
Component
Subscription
Stroke-dashoffset animates from full length to zero.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Notification Badge Pulse - Dot on icon pulses to draw peripheral attention
Component
Subscription
Scale, halo, or both.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tooltip Reveal - Info box fades in after a 300ms delay
Component
Subscription
Long enough to avoid triggering on mouse pass-through.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Drawer / Panel Slide - Off-canvas panel slides from edge
Component
Subscription
Ease-out open, ease-in close. Backdrop dismisses.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Modal Expand - Modal scales from the trigger button's position
Component
Subscription
Transform-origin set to where you clicked.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Accordion Open/Close - Height animates between 0 and auto
Component
Subscription
JS measured height vs CSS grid-template-rows compared.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Toast Notification - Notification cards slide in from a corner, stack, and auto-dismiss with a progress bar
Component
Subscription
Swipe or click to dismiss.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pull to Refresh - Dragging past the top reveals a spinner that fills with distance; release past the threshold to refresh
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Canvas Particle Effect - 500 drifting particles with O(n²) proximity connections and mouse repel/attract on 2D canvas
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Noise-Based Motion - Simplex noise drives a wind field and a morphing blob
Background
Subscription
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
2.5D / Pseudo-3D - Seven depth layers parallax at different rates
Component
Subscription
Mouse-driven or auto-panning camera.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cloth Simulation - Verlet integration + distance constraints
Component
Subscription
Draggable flag responds to gravity and wind.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Morphing Blob - Metaball circles fused by an SVG blur-plus-contrast filter melt like liquid
Component
Subscription
The blob drifts and a droplet chases the pointer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated Gradient Background - CSS gradient shifts hue and position continuously
Background
Subscription
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
Mesh Gradient Animation - Blurred radial gradient blobs drift slowly
Background
Subscription
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
Aurora / Northern Lights - Tall color bands drift and skew horizontally
Background
Subscription
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
Grain / Film Noise Overlay - Animated noise at 5–10% opacity adds cinematic warmth
Background
Subscription
Subtlety is everything.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scanline Effect - CRT horizontal lines with optional sweep beam, curvature, and phosphor glow
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Light Leak - Warm gradient fires at random irregular intervals
Background
Subscription
Analog film camera aesthetic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Starfield / Space Particles - Stars drift outward from center with parallax depth
Background
Subscription
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
Breathing / Pulsing Glow - Radial glow expands and contracts on a 5-second breath cycle
Background
Subscription
Calm resting state.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Ambient Ripple Effect - Concentric rings emit periodically from idle sources
Background
Subscription
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
Floating Elements - Geometric shapes drift on independent sine-wave paths
Background
Subscription
No two elements synchronized.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Grid / Dot Pattern Parallax - Pattern shifts subtly opposite to mouse movement
Background
Subscription
Depth felt, barely seen.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Abstract Geometric Motion - Four hypnotic loops: rotating polygons, expanding rings, sliding bars, flowing color lines
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Particle Constellation - Drifting nodes link with lines when they come close
Background
Subscription
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
Flow Field - Particles follow a noise-driven vector field, leaving flowing trails
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Synthwave Grid - A perspective grid scrolls toward a glowing sun
Background
Subscription
The retro synthwave horizon.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Matrix Rain - Columns of glowing characters fall down a dark canvas, leaders bright and trails fading
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Plasma Field - Summed sine functions of x, y, and time make a flowing, organic color field
Background
Subscription
The demoscene classic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Accessibility-aware animation demo
Accessibility-aware animation demo
Component
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
Modal with backdrop
Modal with backdrop
Component
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
Competing animations (race)
Competing animations (race)
Component
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
Heartbeat monitor loop
Heartbeat monitor loop
Component
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
Pulsing notification
Pulsing notification
Component
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
Toast cascade
Toast cascade
Component
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
Auto-dismiss toast
Auto-dismiss toast
Component
Subscription
@reactzero/flow timeout example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Countdown timer
Countdown timer
Component
Subscription
@reactzero/flow timeout example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)
ParallaxScene + ParallaxLayer - layered depth scene that drifts under the pointer (and device tilt) (React)
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ParallaxWindow - photo that drifts inside a fixed frame, clamped to its overflow (React)
ParallaxWindow - photo that drifts inside a fixed frame, clamped to its overflow (React)
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Marquee - endless ticker that never touches the frame loop (React)
Marquee - endless ticker that never touches the frame loop (React)
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
UV gradient (preset)
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Shine rays (preset)
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Color Panels: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Color Panels: Glass
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Color Panels: Gradient
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Color Panels: Opening
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 13 · 581 items · 48 on this page