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

Kind (3d-scene, background)

Mood

dark (434)light (46)playful (116)calm (399)bold (382)luxury (121)minimal (17)techy (189)organic (451)retro (125)futuristic (19)editorial (2)

Industry

saas (5)ai (3)education (1)real-estate (1)travel (2)general (102)developer-tools (1)

Style

gradient (234)neon (209)monochrome (44)3d (81)illustration (2)typographic (1)parallax (5)particles (66)grain (3)dithered (3)terminal (4)

Licence

MIT (501)Apache-2.0 (139)CC0-1.0 (5)Unlicense (3)

Source repo

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

2 across

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
Gradient bars background
Background
Subscription
Shadcn/ui integration of the verbatim `GradientBars` component — an equalizer-shaped wall of pulsing vertical CSS `linear-gradient` bars (U-shaped height curve, staggered `scaleY` `@keyframes`) — dropped into `@/components/ui` and framed as a component lab: a full-bleed live hero with a render-FPS/bars/assets/uptime telemetry strip and stack ticker, a control deck of faders wired to the real props (numBars/animationDuration + gradientFrom colour picker with named presets + backgroundColor) with 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 image assets (pure CSS keyframes), 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
Gradient dots background
Background
Subscription
Shadcn/ui integration of the verbatim `GradientDots` component — a hue-cycling hexagonal CSS `radial-gradient` dot field looped with framer-motion — 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 straight to the real props (dotSize/spacing/duration/colorCycleDuration + a background colour control) with named presets and a live-usage snippet, a four-step 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 component assets (pure CSS), 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
Generative mountain scene
3D Scene
Subscription
Shadcn/Tailwind/TypeScript integration of the brief's `GenerativeMountainScene` — a solid 128² Three.js plane raised into a mountain massif by two octaves of 3D simplex noise in a custom GLSL vertex shader and lit by a fresnel+diffuse fragment shader off a cursor-driven point light — framed as the "ORONOMY" terrain-survey station with a viewfinder stage (corner brackets, scanlines, sweep), freeze-drift + ridge-tint controls, and a live telemetry HUD reading real FPS / survey clock / `time` drift / point-light X·Y·Z straight off the render loop; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Sidi bou said 3d walk
3D Scene
Subscription
Navigable, fully procedural 3D walk through Sidi Bou Said, Tunisia in a single HTML file.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Particle field hero background (Three.js points, mouse parallax, optional connection lines)
3D Scene
Free sample
Sine-wave wireframe plane hero background (vertex displacement, crest-coloured vertices)
3D Scene
Free sample
Retro-futurist scrolling wireframe terrain hero background (value-noise heights, horizon glow)
3D Scene
Free sample
Fresnel orb hero background (MeshPhysicalMaterial sphere, additive fresnel shell, orbiting light)
3D Scene
Free sample
Exploded view in three.js from markup (parts list as no-JS fallback, or a GLB)
Exploded view in three.js from markup (parts list as no-JS fallback, or a GLB)
3D Scene
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Section: exploded-3d - a made thing taken apart in three.js: parts as shapes and materials, or a GLB; the list is the fallback
3D Scene
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
3D Model Orbit - Phong-shaded WebGL geometry
3D Scene
Subscription
Vertex buffers, MVP matrix, and lighting in raw WebGL.
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
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
Next.js realtime 3D foundation starter - experience shell + scene with quality tiers
Next.js realtime 3D foundation starter - experience shell + scene with quality tiers
3D Scene
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Exploded parcel: scroll-driven Three.js real-terrain block whose lot lifts out and fans into labelled layers
Exploded parcel: scroll-driven Three.js real-terrain block whose lot lifts out and fans into labelled layers
3D Scene
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
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
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
Particle globe
3D Scene
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
Aurora curtain
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 14 · 648 items · 48 on this page