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
Style (monochrome)
Source repo
Effects folder
- Subscription
Monocrit studio h27
Hero Section
Interactive near-monochrome Swiss-brutalist studio hero with a cursor-following image card, magnetic headline letters, and movement-driven image cycling.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Monolith grid atelier h59
Landing Page
"Grid Monument" Swiss-modernist landing page for bespoke spatial-design studio "Monolith" — bone-white paper, near-black ink, warm sandstone accent, Space Grotesk + Playfair italic, a mix-blend-difference header, full-viewport grayscale hero ruled by a visible structural grid, modular ethos/stats grid with a rotating SVG seal, 3D flip-card portfolio, and floating-label contact form.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Superdesign studio editorial
Landing Page
Typography-first black-and-white editorial creative-studio template recreated from a reference — pure #000/#FFF palette with #525252 metadata, vendored Inter + JetBrains Mono, a 32px mix-blend-difference custom cursor that lerp-follows and scales 2.5x on hover, a mix-blend-difference fixed nav with a rotating plus toggle and full-screen clip-path menu, a 12vw "Design Studio" hero with staggered per-letter slide-up reveals, a paused-on-hover asymmetrical-radius project marquee (5/7 grayscale-to-color cards), a centered intro statement, a staggered two-column 4:3 project grid with hover overlays + arrow-up-right badges and mono metadata rows, and a dark #0A0A0A footer with a giant ghosted "sd" watermark; cubic-bezier(0.16,1,0.3,1) easing throughout, fully self-contained offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Monogram terminal h42
Landing Page
"Monochrome Terminal Editorial" developer portfolio — strict greyscale void, JetBrains Mono headlines, Merriweather italic accents, terminal-card hero, cross-fading featured slider, work timeline, and paginated articles.
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
Blue meshy shader lab
Shader
Faithful shadcn integration of the verbatim WebGL2 "blue meshy" background — a procedural domain-warped fractal-noise (fBm) sea on a single full-screen quad, transparent-compositing through a 20-step blue palette — dropped into `@/components/ui` and framed as a component lab: the live shader as a full-bleed `min-h-screen` hero carrying the shipped "Turning Ideas Into Impact" lockup, then a setup guide, anatomy, a props + shader-constant reference, and a usage gallery; the only deltas to the verbatim file are a valid `join(", ")` and a `cancelAnimationFrame` cleanup for StrictMode safety, fonts vendored locally.
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
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
Dotted surface waves
Background
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 - Subscription
Endless pursuit shader hero
Hero Section
Shadcn/Tailwind v4/TS integration of UIMIX's monochrome "ENDLESS PURSUIT" hero — the pasted component's remote UnicornStudio shader scene is preserved but layered over a dependency-free WebGL fallback field (drifting nebula, an "endless orbit" arc, parallax twinkling stars) with a pure-CSS starfield beneath, so the Sisyphus-themed hero runs fully offline; Next.js `'use client'`/styled-jsx adapted to Vite, JetBrains Mono vendored, Lucide icons.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Glsl hills shader
Shader
Shadcn/Tailwind/TypeScript integration of the brief's verbatim `GLSLHills` — a monochrome 3-octave Perlin hill range on one 256² `RawShaderMaterial` plane, folded to face the camera and pushed forever forward so its far ridges dissolve into haze — dropped into `@/components/ui` and framed as the "FOGBANK" low-visibility terrain monitor: the canonical demo lockup floats over a viewfinder stage (reticle, scanlines, sweep), a drift console of four faders promotes the props + baked fog/haze constants to live uniforms with four field presets, and the signature visibility gauge plus a telemetry strip read drift clock / FPS / cam depth / visibility (km) and ridge-crest straight off the GPU framebuffer; hold/resume drives 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
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
Realistic fog background
Shader
"HAAR" sea-fog instrument integrating the prompt's realistic-fog-background — a WebGL fragment-shader fog (six octaves of domain-warped fBm on one full-screen quad lit by a cursor "lighthouse beam") dropped into @/components/ui; the signature visibility gauge reads the shader's own framebuffer luminance off the GPU via gl.readPixels, a control deck promotes every baked constant to a live uniform with a five-patch fog bank (Sea Haar → Pea Souper → Dry Ice → Moor Drift → Clear Dawn), plus 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
Vitruvian ascii shader
Hero Section
Shadcn/Tailwind v4/TS integration of the prompt's `hero-ascii` "PERFECT PROPORTIONS" hero, with its network-blocked UnicornStudio embed rebuilt as a self-contained HTML-canvas ASCII shader of Da Vinci's Vitruvian Man — bright limbs sweeping between the square and circle poses over a breathing frame, a faint pose-superposition, and a twinkling starfield, under the verbatim UIMIX chrome; JetBrains Mono vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Waves shader oscilloscope
Shader
"OSCILLON" observation deck integrating the prompt's verbatim zero-prop `ShaderComponent` (a black-and-white Three.js coswarp interference field on a single full-screen quad) dropped into `@/components/ui`, framed as a phosphor signal analyzer — corner reticles, scanlines and an edge vignette over the live trace, a live-trace HUD plus a channel legend and a scope deck with a phase-lock meter, all driven off the same `requestAnimationFrame` clock the shader animates on; fonts vendored locally.
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
Maya Torres
Landing Page
Creative Director · The Cut.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Neumorphism design system (Bergside / typeui.sh) - Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.Subscription
Neumorphism design system (Bergside / typeui.sh) - Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Power design system (Bergside / typeui.sh) - High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.Subscription
Power design system (Bergside / typeui.sh) - High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Shadcn design system (Bergside / typeui.sh) - Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.Subscription
Shadcn design system (Bergside / typeui.sh) - Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
Design System
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
MOGP Motion - CSS-only scroll-triggered animations (fade, scale-up, slide-up, slide-down)
Entrance
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cinematic Website Starter - one-page business site with a fixed full-screen scroll-scrubbed hero video, services, promise, process and contact sections (React + Vite)Subscription
Cinematic Website Starter - one-page business site with a fixed full-screen scroll-scrubbed hero video, services, promise, process and contact sections (React + Vite)
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Account Setup FlowSubscription
Account Setup Flow
Form
Goals / Interests (Card-Based).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Architectural Type System StyleSubscription
Architectural Type System Style
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Atelier · Early Access (waitlist-minimal-graphite)Subscription
Atelier · Early Access (waitlist-minimal-graphite)
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Bold Editorial Studio StyleSubscription
Bold Editorial Studio Style
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Card Grid BrowseSubscription
Card Grid Browse
App Screen
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cinematic Grayscale Newsletter EmailSubscription
Cinematic Grayscale Newsletter Email
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cinematic Noir StyleSubscription
Cinematic Noir Style
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - GridwrightSubscription
Gridwright
Landing Page
Design the web, type the prompt (Swiss Grid / Signal Red).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - High Contrast Landing PageSubscription
High Contrast Landing Page
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Minimalist Beta CaptureSubscription
Minimalist Beta Capture
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Minimalist Wireframe LoginSubscription
Minimalist Wireframe Login
Form
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Multi-step Form FlowSubscription
Multi-step Form Flow
Form
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - NeumorphismSubscription
Neumorphism
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Red-on-Cream Editorial Announcement EmailSubscription
Red-on-Cream Editorial Announcement Email
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Sectioned Index PageSubscription
Sectioned Index Page
App Screen
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Superdesign Setup - Inline PreviewSubscription
Superdesign Setup - Inline Preview
Form
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - System Interface Feature AnnouncementSubscription
System Interface Feature Announcement
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Verify it's you · Aperture (OTP / 2FA, graphite-platinum)Subscription
Verify it's you · Aperture (OTP / 2FA, graphite-platinum)
Form
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
ASCII glyph mosaic
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 - Subscription
Matrix code rain
Filter
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Pointer particles
Filter
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Particle explode
Filter
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scanlines
Filter
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Glitch (preset)
Filter
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in