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

Kind

hero (3)text-effect (1)background (35)3d-scene (5)shader (2)button (1)card (3)full-page (6)other (1)

Mood (bold, techy)

dark (71)light (10)playful (22)calm (25)bold (28)luxury (3)minimal (4)techy (35)organic (33)retro (7)futuristic (17)editorial (3)

Industry

saas (2)ai (1)agency (2)portfolio (2)finance (1)education (1)general (25)professional-services (1)

Style (particles)

glassmorphism (34)neumorphism (1)brutalist (37)gradient (409)neon (346)monochrome (129)3d (67)illustration (4)photographic (26)typographic (98)bento (24)parallax (19)particles (57)grain (19)dithered (79)video (4)terminal (49)

Licence

MIT (49)Apache-2.0 (7)Unlicense (1)

Source repo

shader-gallery/shaders (18)pulkitxm/claude-directory (8)paper-design/shaders (7)xiyu519/MotionVault (5)mrdoob/three.js (4)matinmonshizadeh/animation-handbook (3)MustBeSimo/web-design-studio (2)tsparticles/tsparticles (2)AleBrito124356/threejs-hero-collection (1)codse/animata (1)educlopez/smoothui (1)oframe/ogl (1)smart-developer1791/solidjs-threejs-gsap-dimensional-glass-landing (1)ui-layouts/uilayouts (1)uiverse-io/galaxy (1)vasturiano/globe.gl (1)

Effects folder

Particles & Dots (25)

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

2 across

Particle hero
Hero Section
Subscription
Night-sky particle-canvas hero with a clickable gold-mode invert toggle, rotating spotlights, and a radial-reveal headline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Axis quotient h30
Landing Page
Subscription
"Quant Brutalist Editorial" landing page for fictional quant-strategy firm Axis Quotient — ink-on-ivory with electric cobalt, animated point-grid hero canvas, colossal QUOTIENT wordmark, ticker marquee, capabilities accordion, count-up metrics, and toggleable engagement pricing.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Orbital frequency summit h22
Landing Page
Subscription
"Deep Signal" landing page for a fictional deep-space signals & aerospace-software summit "Orbital Frequency" — observatory-dark void with amber-gold/signal-green accents, Oswald condensed display type, canvas starfield, rotating orbital rings + radar-sweep hero, telemetry strip, mission timeline, floating-beacon pricing passes, and a scroll-tracking signal bar.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Voltframe dev h29
Landing Page
Subscription
"Bracketed Voltage" developer-portfolio landing on a near-black stage with one electric-yellow accent, a hairline framed hero box with glowing corner nodes, hover-yellow title words, floating particles, pulsing orbs, scroll-revealed skills/work/testimonials, and a mobile slide-in menu.
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
Aura core shader
Shader
Subscription
Shadcn-style integration of the brief's verbatim `AuraCore` WebGL2 energy-core shader (inlined-OGL renderer, HSV core with ten rotating rays, fbm-distorted surface, cursor-reactive particle field) dropped into `@/components/ui`, framed as a plasma-containment console — the component's four sliders become reactor field controls, four named profiles snap the shader to regimes, and a telemetry deck reads containment integrity / excitation straight off the GPU clock with a freeze control; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Vhs noise distortion hero
Hero Section
Subscription
Shadcn/Tailwind/TypeScript integration of the prompt's verbatim `vhs-hero-section.tsx` — a corrupted VHS hero on React Three Fiber: a custom six-octave fbm domain-warp GLSL shader (edge-growing chromatic aberration, a sweeping tracking-error band, glitch sparks, scanlines, film grain, vignette) over 800 cursor-repelling red/white/cyan noise particles, a GSAP `GlitchText` headline (character scramble + RGB text-shadow pulse), and an aggressive GSAP entrance + looping hue-jitter timeline; dressed as a tape deck with a running `HH:MM:SS:FF` timecode and CRT chrome; fonts vendored locally.
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
NEXUS · IMMERSIVE LAB
Landing Page
Subscription
Spatial Computing Studio.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cinematic Scroll Effects Lab - six text treatments, magnetic/depth surfaces, four shader presets on the shared runtime
Landing Page
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
GPGPU Particle System - 65k+ particles computed in WebGL2 textures
Shader
Subscription
Physics in a shader, texture ping-pong.
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
Dimensional Glass - Solid.js + Three.js prismatic glass-panel landing page
Dimensional Glass - Solid.js + Three.js prismatic glass-panel landing page
Landing Page
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
Digital rain
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Satellite orbits globe
3D Scene
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
GPGPU flock
3D Scene
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
Procedural terrain
3D Scene
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
Floating-icon hero
Hero Section
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: Hallucinatory
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
Paper Metaballs: Solar
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Asterism
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Benday
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Boids
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bokeh
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Chaff
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cipher
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Comet
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Confetti
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Filings
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Floret
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Glint
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Gloaming
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Halftone
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hyperspeed
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Matrix
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Starfall
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 · 57 items · 48 on this page