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

Kind

hero (1)text-effect (1)background (20)cursor (1)3d-scene (5)shader (2)card (3)full-page (7)other (1)

Mood (techy, light)

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 (2)agency (3)portfolio (2)finance (1)education (1)general (26)professional-services (1)

Style (particles)

glassmorphism (49)neumorphism (5)brutalist (30)gradient (222)neon (91)monochrome (132)3d (67)illustration (21)photographic (86)typographic (141)bento (36)parallax (23)particles (41)grain (21)dithered (41)video (7)terminal (48)

Licence

MIT (37)Apache-2.0 (3)Unlicense (1)

Source repo

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

Effects folder

Particles & Dots (7)

Page 1 of 1 · 41 items

2 across

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
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
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
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
Benday
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
Matrix
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tatting
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Amber foundry h9
Amber foundry h9
Landing Page
Subscription
Warm editorial-intelligence landing page for fictional enterprise-AI consultancy "Amber Foundry" — cream/amber/roasted-brown palette, animated canvas neural-network hero, auto-advancing interactive solutions panel, bento method grid, and a dark pricing flip.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scanner card stream
Scanner card stream
Card
Subscription
Draggable Three.js card stream that decodes each photo into glitching, scrambling ASCII as it crosses a glowing violet scan line, with an ambient WebGL particle field and a 2D spark burst — packaged as a shadcn-style `@/components/ui` drop.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pixel surge card
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pixel decay card
Card
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bubble pop
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Antigravity dots
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Pixel trail
Cursor
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Falling sand
Background
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Dotted map
Component
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Vortex text
Text Effect
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Particle sphere
3D Scene
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in