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

Kind (background, scroll-effect, loader)

Mood

dark (466)light (69)playful (111)calm (400)bold (393)luxury (122)minimal (35)techy (179)organic (445)retro (125)futuristic (22)editorial (14)

Industry

saas (4)ai (5)agency (5)portfolio (7)food (1)fashion (1)media (1)general (160)developer-tools (7)

Style

glassmorphism (1)gradient (241)neon (207)monochrome (55)3d (48)illustration (7)photographic (2)typographic (14)parallax (19)particles (61)grain (3)dithered (3)video (16)terminal (6)

Licence

MIT (566)Apache-2.0 (139)CC0-1.0 (10)Unlicense (3)

Source repo

shader-gallery/shaders (316)paper-design/shaders (86)angusforbes/swirlfluid (53)Jannchie/shader-gradient (52)matinmonshizadeh/animation-handbook (48)xiyu519/MotionVault (41)Vidvox/ISF-Files (30)superdesigndev/superdesign-prompts (10)pulkitxm/claude-directory (9)tsparticles/tsparticles (7)ui-layouts/uilayouts (6)motiondesignlv/ReactZero-flow (5)codse/animata (4)educlopez/smoothui (4)studygeorge/parallax-fx (4)mrdoob/three.js (3)MustBeSimo/web-design-studio (3)oframe/ogl (3)ridelink0/ultimate-frontend-skills (3)fand/vfx-js (2)kokonut-labs/kokonutui (2)Black-Line-Ops/scroll-scrub-hero (1)codrops/3DStackMotion (1)codrops/ColumnScroll (1)codrops/ImageExpansionTypography (1)codrops/OneElementScroll (1)codrops/OnScrollColumnsRows (1)codrops/OnScrollLayoutFormations (1)codrops/OnScrollShapeMorph (1)codrops/ReflectionScroll (1)codrops/Scroll3DGrid (1)codrops/ScrollBasedLayoutAnimations (1)codrops/StickySections (1)codrops/TileScroll (1)cosscom/coss (1)dimeloper/motion-site-kit (1)GeoCodeCrafter/stratum-motion (1)imMamdouhaboammar/creative-agent-pack (1)JasonOracle/agnes-scroll-world (1)MarchalMaxim/scroll-sequence (1)mariozenmedina/frame-by-frame (1)nateherkai/scroll-craft (1)NicoSKOOL/ai-ranking-scroll-seo (1)prantikmedhi/scroll-earth (1)SyncedCo/synced-motion (1)tangyistudio/scroll-frame-sequence (1)tech-maxara/cineritual (1)TommyChryst/claude-web-animations (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 2 of 15 · 718 items · 48 on this page

2 across

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
CineRitual - video-to-frames converter and scroll frame-sync canvas engine with starter template
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
stratum-motion demo
stratum-motion demo
Scroll Effect
Subscription
SSR-safe reveal presets, stagger, parallax, scroll scene and page transition.
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
Scroll progress bar
Scroll progress bar
Scroll Effect
Subscription
@reactzero/flow scroll example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Reveal on scroll
Reveal on scroll
Scroll Effect
Subscription
@reactzero/flow scroll example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Storytelling scroll timeline
Storytelling scroll timeline
Scroll Effect
Subscription
@reactzero/flow timeline example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scroll frame sequence
Scroll Effect
Subscription
Zero-dependency scroll-scrubbed image-sequence player with hold loops and mobile pan.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Frame by frame
Frame by frame
Scroll Effect
Subscription
Framework-agnostic engine mapping scroll position to video time (native video or canvas).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scroll Earth scrub engine - zero-dependency mountScrollEarth(container, config) that maps scroll to video time across dive clips and connector clips, with a minimal mount page
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Frame-scrub site template - pinned canvas playing a responsive AVIF/WebP frame ladder scrubbed by ScrollTrigger, bounded decoded-bitmap cache, config-only reskin, with the committed 120-frame demo ladder
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Next.js exact-frame scroll-sequence starter - sticky canvas, LRU decoded-image cache, nearby-frame preload, overlays, reduced-motion poster
Next.js exact-frame scroll-sequence starter - sticky canvas, LRU decoded-image cache, nearby-frame preload, overlays, reduced-motion poster
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
<scroll-sequence> - zero-dependency web component that pins a canvas and scrubs an image sequence on scroll, with declarative overlays, per-breakpoint sources, smooth/blend modes and a self-generating demo
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Synced Motion recipe gallery - live previews and copyable markup for all sixty accessible GSAP recipes (reveals, stagger, split text, marquee, pinned sequence, parallax, page transitions, SVG draw ...)
Synced Motion recipe gallery - live previews and copyable markup for all sixty accessible GSAP recipes (reveals, stagger, split text, marquee, pinned sequence, parallax, page transitions, SVG draw ...)
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scroll-world scrub engine (hardened) - framework-agnostic scroll-to-video-time engine with lite mode for weak devices, remote video unloading, and optional seamless Web Audio BGM
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
scrollcraft engine (ai-ranking fork): zero-dependency data-sc-* scroll runtime, modified for the SEO build, with template page
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ScrollParallax - anything, moved at a given scroll speed (React)
ScrollParallax - anything, moved at a given scroll speed (React)
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
StickyScrub - section that pins while you scroll and exposes its progress (React)
StickyScrub - section that pins while you scroll and exposes its progress (React)
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
CardStack - cards that pin one after another and settle into a stack (React)
CardStack - cards that pin one after another and settle into a stack (React)
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
ScrollProgress - bar that fills with the page or one article (React)
ScrollProgress - bar that fills with the page or one article (React)
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
"Exploded View" Assembly
"Exploded View" Assembly
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Force Field Background
Force Field Background
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gooey Gradient Background
Gooey Gradient Background
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Horizontal Gallery
Horizontal Gallery
Scroll Effect
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
Hyperspeed Background
Hyperspeed Background
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Parallax Stars Background
Parallax Stars Background
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scroll Journey Line
Scroll Journey Line
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
The "Stacking Cards" Effect
The "Stacking Cards" Effect
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tubes Interactive Background
Tubes Interactive Background
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
On-scroll 3D grids
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 2 of 15 · 718 items · 48 on this page