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

Kind (scroll-effect, background, loader, cursor)

hero (11)text-effect (2)background (63)loader (0)cursor (1)scroll-effect (15)3d-scene (5)shader (5)button (4)card (8)full-page (27)prompt (1)skill (1)design-system (2)other (4)carousel (1)

Mood

dark (55)light (10)playful (19)calm (25)bold (26)luxury (1)minimal (5)techy (17)organic (31)retro (6)futuristic (6)editorial (4)

Industry

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

Style (parallax, particles)

glassmorphism (1)gradient (245)neon (207)monochrome (56)3d (48)illustration (7)photographic (3)typographic (14)parallax (19)particles (62)grain (3)dithered (4)video (16)terminal (6)

Licence

MIT (62)Apache-2.0 (14)CC0-1.0 (2)Unlicense (1)

Source repo

Effects folder

Particles & Dots (34)

Page 1 of 2 · 79 items · 48 on this page

2 across

Sticky content switch
Scroll Effect
Subscription
Scroll-driven "sticky content switch" editorial template — a warm paper (#f4f1ea) / near-black (#0e0e0c) two-column section on vendored Anton + Inter with a burnt-orange (#c4622d) accent, where the left column is position:sticky and vertically pinned while six 100vh image panels scroll past on the right; an IntersectionObserver with a -50%/-50% rootMargin band fires exactly when each image's midpoint crosses screen center, crossfading + slide-swapping the pinned heading (index, kicker, title, body, meta) to match the active frame, a transform:scaleY accent progress rail with growing ticks, a rAF parallax that scales each image 1.08→1.0 toward center plus grayscale-to-color on active, a per-letter hero rise-reveal, and a ghosted-wordmark outro; six themed procedural SVG images + fonts vendored, fully offline, responsive stacked feed under 900px, respects prefers-reduced-motion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Animated dots rain
Background
Subscription
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
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
scrollcraft engine: zero-dependency scroll runtime driven by data-sc-* attributes (scrub video, pin, pan, flow acts; cues, drift, magnet), with a 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
Three-plane scroll + pointer parallax with depth of field and aerial perspective
Three-plane scroll + pointer parallax with depth of field and aerial perspective
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Section: exploded - dark section; layers pull apart on scroll (2D parallax = depth)
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Parallax Depth-of-Field - Five mountain layers translate at different speeds; blur simulates camera depth-of-field
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Parallax Scrolling - Elements move at different speeds
Scroll Effect
Subscription
Background slower, foreground faster — creating a 3D depth illusion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Reverse-Scrolling Columns - A center column scrolls normally while two flanking columns scroll in reverse, looping infinitely
Scroll Effect
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
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
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
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
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
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
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
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
Alternate column scroll
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Particle fireworks
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Particle black hole
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Curl noise flow
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Ribbon confetti
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Particle cursor trail
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hyperspace warp
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Digital rain
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Particle flow field
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Shooting stars
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
GPGPU repel particles
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Attractor particles
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tile scroll parallax
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Horizontal panels scroll
Scroll Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pixel flow field
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Boids ecosystem
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Line network
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Grid: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Grid: Tree line
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Grid: Wallpaper
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Orbit: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Orbit: Bubbles
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Orbit: Shine
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Dot Orbit: Hallucinatory
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Grain Gradient: Dots
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Heatmap: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Heatmap: Sepia
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Metaballs: Default
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Paper Metaballs: Ink Drops
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 2 · 79 items · 48 on this page