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 (retro)
Industry
Style
Source repo
Effects folder
- Subscription
Lantern broth midnight ramen h8
Landing Page
Warm modular-bento landing page for a late-night Japanese ramen bar "Lantern Broth", with terracotta/mustard/teal tiles, Oswald + DM Sans, scroll-reveal animations, drifting steam, and a vanilla-JS testimonial carousel.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Voltline automation h60
Landing Page
"Bone & Volt" industrial AI-automation landing on a warm off-white canvas with graphite ink and a single electric-lime accent, Space Grotesk + JetBrains Mono, a pure-CSS orbiting 3D cube rig with a glowing lime core, a randomized pixel-fill nav button, starfield-reveal CTAs, a count-up stats strip, a 3-card solutions grid, and a dark starfield mission band.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Inkpress atelier h46
Landing Page
"Inkpress Atelier" risograph-print graphic-designer portfolio staged as a folded zine — cream paper frame, 4-color registration bar, Anton display type, diamond logo plate, services menu, colored works grid, and scroll reveals.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Crimson mill supply card h61
Card
"Millstone Craft" digital visiting card for a fictional heritage stone-mill flour/grain/spice supplier — a vertical, mobile-first tap-to-contact page stacking a marquee-ticker brand hero, a sage WhatsApp + terracotta Call contact grid, a four-up product showcase, a split flagship-store location card, and an hours/footer strip, each as a soft-shadowed cream card revealed on scroll; warm paper canvas, crimson + wheat-gold accents, condensed Oswald display over Inter Tight, real tel/wa.me/mailto/maps links, fonts and product imagery vendored locally, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Terminal cli control deck
App Screen
"ACME Control Deck" infrastructure panel built in a phosphor-green Terminal CLI design system — centralized tokens, composable windows/panes, ASCII art logo, typewriter headline, raw-data ASCII progress meters, a live syslog feed, an interactive zsh console, a box-less access form, and a subtle CRT scanline overlay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Blueprint ascii grid shader
Shader
"GRIDLINE" shadcn-style integration of the brief's verbatim WebGL2 `asd.tsx` — a deep-navy four-point mesh-gradient blueprint grid with ASCII glyphs stamped on the major intersections, drift, vignette, value-noise grain and Bayer dithering — dropped into `@/components/ui` and framed as a live instrument: a telemetry HUD (iTime/FPS/iResolution/iMouse), a control deck promoting the shader's baked constants to live uniforms, a per-pixel anatomy walkthrough, and a 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
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
Digital glitch shader
Shader
Shadcn-style integration of the prompt's `digital-glitch` Three.js/GLSL component — a retro CRT shader of scanlines, RGB-shift chromatic aberration, and film grain rendered full-viewport — framed as the "Static Bureau" signal-calibration bench: the brief's five uniforms become engineering trim faders, its presets become patch channels, and a live SMPTE timecode, measured FPS, and a signal-loss meter read straight off the shader's own animation 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
Dithering shader lab
Shader
"DITHER LAB" darkroom instrument integrating the drop-in `DitheringShader` (WebGL2 / GLSL ES 3.00, 7 shapes × 4 ordered-Bayer/noise dithering matrices) at `@/components/ui` — a full-bleed live stage with reticle chrome, shape/matrix/ink/pixel-grid/speed controls plus presets driving the shader through live uniforms, and a telemetry HUD reading FPS/clock/buffer/cell-grid straight off the GPU; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Dithering sphere shader
Shader
"DITHER LAB" showcase for the `designali-in/dithering-shader` component — a WebGL2 fragment shader that resolves seven procedural fields (sphere, ripple, swirl, warp, dots, wave, simplex) to 1-bit through ordered Bayer or stochastic dithering — dropped into `@/components/ui` and framed as a 1-bit print instrument: a full-bleed live hero with an FPS/frame telemetry HUD, a control deck promoting every prop (shape, dither type, pxSize, speed, colours) to a live knob, a signature panel that renders the shader's actual Bayer threshold matrix and live-dithers a tonal ramp, plus a lazy-mounted shape index; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Dithering swirl shader
Shader
"HALFTONE ENGINE" — a halftone-press take on the prompt's `DitheringShader` (WebGL2, 7 shapes × 4 ordered-Bayer/noise matrices) at `@/components/ui`: a full-bleed swirl press with press controls (shape/matrix/phosphor/pixel-size/speed), a panel rendering the active Bayer threshold matrix cell-by-cell, and an ink-coverage telemetry HUD reading lit-pixel fraction straight off the framebuffer; 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
Old television shader
Shader
Shadcn/Tailwind/TypeScript integration of the brief's verbatim react-three-fiber `WaveShaderMaterial` (a flowing-sine + 4-octave fractal-noise field mixing two colours into analog snow on one drei `shaderMaterial` quad) dropped into `@/components/ui` and framed as a "Cathode Vault" broadcast monitor — the shader is the live picture tube of a CRT cabinet with scanlines/shadow-mask/vignette glass, a self-typing on-screen channel readout, six tunable channel presets, faders that promote the shader's baked constants to live `uWave`/`uGrain`/`uBright` uniforms, and a phosphor signal meter reading centre-pixel luminance straight off the GPU; the original `PolishedShader` default export is preserved as a drop-in, 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
Simplex dithering shader
Shader
Shadcn/Tailwind v4/TS integration of the verbatim `DitheringShader` — a WebGL2 ordered-dithering field (simplex/warp/dots/wave/ripple/swirl/sphere crushed through Bayer 2×2/4×4/8×8 or blue-noise matrices into a two-tone halftone) dropped into `@/components/ui`, framed as an amber-on-oxblood "dither bench": the brief's ripple · 2×2 preset full-bleed behind a centered "Simplex" lockup, a live Bayer threshold-matrix panel, and field/matrix/pixel-size/speed controls wired straight to the shader uniforms with an FPS/shader-clock telemetry HUD read 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 - 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 dithering shader
Shader
"DITHER LAB" integration of the verbatim `DitheringShader` WebGL2 component — seven procedural shape fields (warp, simplex, dots, wave, ripple, swirl, sphere) thresholded through random + Bayer 2×2/4×4/8×8 ordered dithering — dropped into shadcn `components/ui` and framed as a live 1-bit CRT console: a full-bleed Warp hero, a driving deck wired straight to the props/uniforms, a click-to-apply shape library, animated Bayer-matrix explainers, and a live props API mirroring the hero state.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Industrial skeuomorphism
Design System
"SCHEMATIC" Industrial Skeuomorphism design-system showcase — a tactile hardware-control landing built on centralized neumorphic tokens, with an all-CSS hero device mockup (scanline screen + live dashboard), glowing LED status indicators, corner screws & vent slots on every panel, a cylindrical How-It-Works pipe connector, push-pinned testimonials with masking tape, punched-hole pricing tags, a conic-gradient radar sweep, recessed "data slot" inputs, and a matte-plastic noise overlay; vendored Inter/JetBrains Mono and all assets, fully offline & responsive.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Newsprint editorial press
Design System
Full editorial landing page expressing the "Newsprint" design system — massive Playfair headlines, zero radius, collapsed grid borders, drop caps, a breaking-news ticker, an inverted black "How It's Filed" section, grayscale halftone engravings, hard offset hover shadows, and sparing editorial red.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Classic Touch
Landing Page
The Renaissance Edition.
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 - Subscription
Keepsake
Landing Page
Summers you can hold.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Dithered design system (Bergside / typeui.sh) - Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.Subscription
Dithered design system (Bergside / typeui.sh) - Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Retro design system (Bergside / typeui.sh) - Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.Subscription
Retro design system (Bergside / typeui.sh) - Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Riso design system (Bergside / typeui.sh) - A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every sectionSubscription
Riso design system (Bergside / typeui.sh) - A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Skeumorphism design system (Bergside / typeui.sh) - Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.Subscription
Skeumorphism design system (Bergside / typeui.sh) - Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Vintage design system (Bergside / typeui.sh) - 1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.Subscription
Vintage design system (Bergside / typeui.sh) - 1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.
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
Chromatic Aberration - RGB channels offset via mix-blend-mode: screen
Text Effect
Static, pulse, and glitch modes.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Grain / Film Noise Overlay - Animated noise at 5–10% opacity adds cinematic warmth
Background
Subtlety is everything.
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
Light Leak - Warm gradient fires at random irregular intervals
Background
Analog film camera aesthetic.
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 - Subscription
Plasma Field - Summed sine functions of x, y, and time make a flowing, organic color field
Background
The demoscene classic.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Skeuomorphism Music Player: Tactile Leather and Brass Now Playing UISubscription
Skeuomorphism Music Player: Tactile Leather and Brass Now Playing UI
App Screen
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Retro pixel scene
Shader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
ASCII render
Shader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Glitch headline
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
CRT arcade text
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Dithered chart
Chart
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
LED word board
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Digital glitch pass
Shader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Dithered image reveal
Shader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
CRT glitch
Filter
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
CMYK/RGB halftone
Filter
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in