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
Kind
Mood
Industry (general)
Style (neon)
Licence
Source repo
- Subscription
Abstract glassy shader
Shader
GLASSWORKS — a drop-in WebGL2 metaball field (two SDF circles fused with a smooth union, an exponential glow and a cosine spectrum) integrated into shadcn `components/ui` and framed as a glass component lab: a live telemetry HUD reading the shader's own blob centres/FPS/clock, a control deck of faders that promote the baked-in constants to live uniforms, copyable source tabs, and a props/uniforms API; fully procedural with a CSS metaball fallback.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Anomalous matter hero
Hero Section
Shadcn/Tailwind/TypeScript integration of the `AnomalousMatterHero` — a simplex-noise-displaced Three.js icosahedron wireframe with a fresnel rim glow and a cursor-tracked point light, framed as a "containment lab" specimen: faders wired straight into the displacement/glow/speed uniforms, a live "anomaly energy" telemetry panel that reads center-pixel luminance off the GPU, plus a reticle scope and corner brackets; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Aura core shader
Shader
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 - Subscription
Celestial matrix shader
Shader
Shadcn-style integration of the verbatim Three.js "Celestial Matrix" shader (blue-to-green digital rain bent around a cursor-driven gravitational warp) dropped into `@/components/ui`, framed as a deep-space signal console — a cursor reticle tracks the warp center while live readouts report render rate, feed time, and warp coordinates; freeze/recalibrate controls drive the shader clock, fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Celestial matrix terminal
Shader
Shadcn-style integration of the verbatim Three.js "Celestial Matrix" shader (blue-to-green digital rain bent around a cursor-driven gravitational warp) dropped into `@/components/ui`, reframed as "Meridian Station · Orbital Relay 9" — a retro-CRT relay terminal that types a boot/login handshake over the live feed and lands on ACCESS GRANTED; a cursor reticle marks the warp lock and a bottom telemetry strip (feed clock, warp x·y, render rate, carrier state) is sampled straight off the GPU loop; freeze/recalibrate controls drive the shader clock, fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Cosmic plasma web
Shader
Shadcn integration of the brief's verbatim OGL `PlasmaWeb` shader (a layered plasma lattice of pulsing nodes, curl-flowed connective streams and excited particles that bends toward the cursor) dropped into `@/components/ui` and framed as a cursor-driven "field resonance console" — a 60fps cursor-tracking reticle stands in for the pointer (so the interaction reads in the silent recording), faders re-drive the shader's hue/density/glow/attraction/energy props live, named presets snap the lattice between regimes, and a telemetry panel reads render FPS / cursor x·y / an engagement signal off the loop; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Cybernetic grid shader
Shader
Shadcn-style integration of the verbatim Three.js "Cybernetic Grid" shader (a pulsing cobalt lattice with magenta energy crawling the intersections and a white glow that warps the grid around the cursor) dropped into `@/components/ui`, framed as a lattice-integrity diagnostic console — a probe caliper snaps to the warp center and reports its coordinates, an integrity gauge fills with render rate, and hold/re-seed controls drive the field clock; Chakra Petch type and fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Dynamic waveform shader
Shader
Shadcn-style integration of the `ShaderCanvas` "Dynamic Waveform" — a Three.js fragment shader that stacks up to eight mouse-warpable sine harmonics into a glowing signal trace — dropped into `@/components/ui` and framed as a CRT "Signal Analysis Bench" with an oscilloscope graticule, corner reticles, two-trace colour trims, five faders wired straight to the shader uniforms, four channel presets (Baseline / Signal Scan / Deep Sea / Vaporwave), and a live telemetry strip (sweep time, refresh, trace level, harmonics) read off the shader's own per-frame state; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Electric waves shader
Shader
Shadcn/Tailwind v4/TS integration of the prompt's `ElectricWavesShader` (a Three.js fragment shader piling additive R/G/B sine-interference lines onto one full-screen quad), framed as the "ARCWAVE" signal instrument — viewfinder brackets, CRT scanlines, the component's own five-slider uniform deck (wave count / amplitude / frequency / brightness / colour separation), and a live FPS / uptime / resolution telemetry HUD; system fonts, runs offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Galactic spiral shader
Shader
Shadcn-style integration of the verbatim Three.js `ShaderAnimation` (a 7-colour neon-rainbow spiral GLSL fragment shader) dropped into `@/components/ui`, framed as a deep-field "survey transmission" — a registration-corner plate, a Galactic Spiral hero lockup over a legibility scrim, and a live telemetry ledger reporting mission clock, measured render FPS, and drifting R.A./Dec. coordinates; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Hex shield shader
Shader
Shadcn-style integration of the brief's verbatim `shield-shader.tsx` — a 100-step `three` + `@react-three/fiber` fragment shader that folds a mirrored hex lattice onto a sphere distortion and `tanh`-tonemaps a cyan→violet arc field — dropped into `@/components/ui` and framed as the "AEGIS" deflector-array console: a typed sibling promotes every baked GLSL constant (dome bias, curvature, hex scale, drift, edge/arc gain, falloff, tint) to a live uniform driven by a calibration deck, five named deflector profiles snap the field to regimes, a cursor-tracked impact reticle lights the dome, and a circular shield-integrity gauge plus a telemetry strip read render rate / impact charge / shield clock straight off the GPU loop 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 - Subscription
Phosphor 30 shader hero
Hero Section
Shadcn/Vite/TypeScript integration of the brief's raw-WebGL2 `phosphor-30` shader (an 80-step raymarch folding a rotating SDF into ribbons of light via `tanh(o / 5e3)` on one full-screen triangle), framed as a CRT "PHOSPHOR // 30" instrument hero — bezel + corner brackets, a drifting scan line, a phosphor-glow `FIELD OF / LIGHT` headline, live FPS·session telemetry and lucide-react chrome; the prompt's `phosphor-30.tsx` + `demo.tsx` dropped in verbatim alongside a composable type-checked twin, fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Shader flow field rings
Shader
Shadcn/Tailwind/TypeScript integration of the prompt's `ShaderAnimation` (a Three.js fragment shader drawing additive R/G/B interference rings on one full-screen quad), framed as a signal/oscilloscope lab — a live shader hero with transport + FPS/time/uptime telemetry, a signature "channel decomposition" reading each `color[j]` loop as its own live sparkline, an install/`components/ui` story, copyable source tabs, and a props/uniforms API; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Shader plasma grid background
Shader
"PLASMASIGNAL" showcase for a drop-in WebGL plasma-grid background (shadcn `components/ui`) — the brief's fragment shader ported to TS, wrapped in a "Signal Lab" page with an oscilloscope HUD reading live `iTime`/FPS/`iResolution`, and a control deck of faders that promote the shader's baked-in constants to live uniforms to re-tint/re-shape the whole field in real time.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Starship shader
Shader
"HELM-9 · FTL Navigation Console" integration of @XorDev's verbatim "Starship" warp-streak fragment shader (a 50-step `exp(sin())` accumulation over a noise-warped distance field, `tanh`-tonemapped on a pure-black hull) rendered on a `@react-three/fiber` fullscreen quad and dropped into `@/components/ui` — framed as a starship helm with a signature velocity ladder whose caret rides the shader clock, throttle/exposure faders + named drive regimes wired to optional `speed`/`intensity`/`paused` props, an engage-jump / hold-field sequence, and a live field-clock/velocity/distance/FPS telemetry deck read off the per-frame callback; full shadcn/Tailwind/TS integration story, fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Vhs noise distortion hero
Hero Section
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 - Subscription
Warp drive shader bridge
Shader
"WARP DRIVE" starship-bridge integration of the prompt's verbatim WebGL warp-tunnel shader (an orthographic full-screen quad of RGB-split light filaments steered by `iMouse`) dropped into `@/components/ui` — the signature `NavReticle` gauge locks to the tunnel's vanishing point and reads warp factor / heading / FPS off the shader's own `onFrame` loop, a docked helm console surfaces the raw `iTime`/`iMouse`/`iResolution` uniforms with a `warpSpeed` throttle, and the page tells the shadcn/Tailwind/TypeScript install story; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Webgl rgb shift shader hero
Hero Section
"CHROMA OSC" hero integrating the prompt's `WebGLShader` (a single RawShaderMaterial GLSL pass of additive sine ribbons with R/G/B chromatic-aberration) and `LiquidButton`, framed as a live oscilloscope instrument with corner brackets, an RGB-split headline, a sweeping scan line, and mono telemetry strips reading real FPS / shader uptime.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
NOVADECK
Landing Page
System 2000.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cosmic design system (Bergside / typeui.sh) - Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.Subscription
Cosmic design system (Bergside / typeui.sh) - Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Neon design system (Bergside / typeui.sh) - Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.Subscription
Neon design system (Bergside / typeui.sh) - Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Glitch Text - RGB-split copies jitter behind animated clip-path slices
Text Effect
The datamosh / signal-loss aesthetic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scanline Effect - CRT horizontal lines with optional sweep beam, curvature, and phosphor glow
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Breathing / Pulsing Glow - Radial glow expands and contracts on a 5-second breath cycle
Background
Calm resting state.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Synthwave Grid - A perspective grid scrolls toward a glowing sun
Background
The retro synthwave horizon.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Matrix Rain - Columns of glowing characters fall down a dark canvas, leaders bright and trails fading
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cinematic StyleSubscription
Cinematic Style
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Glow Cursor ButtonSubscription
Glow Cursor Button
Button
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Hyperspeed BackgroundSubscription
Hyperspeed Background
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Light Beam ButtonSubscription
Light Beam Button
Button
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Sunset Glow Wordmark Mega FooterSubscription
Sunset Glow Wordmark Mega Footer
Footer
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Tubes Interactive BackgroundSubscription
Tubes Interactive Background
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Particle fireworks
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Particle black hole
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Curl noise flow
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Particle cursor trail
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Digital rain
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Arc launch globe
3D Scene
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Bloom glow scene
Shader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Sdf dreamscape shaderSubscription
Sdf dreamscape shader
Shader
Shadcn-style integration of the verbatim "SDF Dreamscape" component — a native-WebGL fractal signed-distance-field (a recursive Julia-fold bent live by the cursor) ported to strict TS in `@/components/ui` and reframed as the "Oneirograph" dream-recorder console: a Big Shoulders hero lockup, a registration frame + reticle, four tuning dials (Spectrum/Drift/Recursion/Lens) annotated with their `u_*` uniforms, Lucid/Abyssal/Solar/REM presets that snap all four at once, and a live telemetry strip reading the shader's own FPS and dream clock; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cyberpunk glitch design systemSubscription
Cyberpunk glitch design system
Design System
"NEUROCITRINE // Netrunner OS" — a self-contained Cyberpunk / Glitch design-system showcase that renders like a malfunctioning CRT: chromatic-aberration glitch headline, full-page scanline + signal-noise + sweeping-beam overlays, clip-path chamfered HUD panels, real stacked-box-shadow neon glow, circuit/PCB + grid backgrounds, a live self-typing breach terminal, holographic telemetry cards, all five button variants, count-up stats, an accordion FAQ, and a `prefers-reduced-motion` static fallback; vendored Orbitron/JetBrains Mono/Share Tech Mono, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Maximalism dopamine systemSubscription
Maximalism dopamine system
Design System
"DOPAMINE" Maximalism / Dopamine design-system showcase — a deliberately overwhelming nine-section page on five clashing accents (rotated by index % 5) with layered dot/stripe/checker/mesh patterns, multi-layer glow+hard shadows, stacked text-shadows, 21 floating shapes, bleeding background words, animated gradient text, broken offset grids, two rotated marquees, a live token gallery, scaled-tier pricing, a 4-variant component playground, ARIA FAQ, and a full reduced-motion fallback; vendored Outfit/Unbounded/DM Sans/Bangers/Bungee, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Vaporwave outrun design systemSubscription
Vaporwave outrun design system
Design System
"NEONWAVE OS" Vaporwave / Outrun design-system showcase — centralized neon tokens (magenta/cyan/sunset) and skew/glow/window component classes, a fixed receding perspective grid floor, a 600px blurred sun, and a global CRT scanline + RGB chromatic-aberration overlay, with a typing-terminal hero, gradient-clipped headlines, skewed un-skewing buttons, rotating diamond icons, an interactive file-explorer, IRC `<username>` testimonials, a scaled pricing tier, and an accordion FAQ; vendored Orbitron / Share Tech Mono.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Data Cinematic visual system (theme) - deep navy data-viz ground, signal-green accent, grotesk + mono, precise glowing reveals. NET-NEW systemSubscription
Data Cinematic visual system (theme) - deep navy data-viz ground, signal-green accent, grotesk + mono, precise glowing reveals. NET-NEW system
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Circuit pulse
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Glow border card
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Electric border card
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in