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 (light)
Style
Licence
Source repo
- 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
Grainy gradient ripple card
Card
Shadcn integration of the brief's verbatim `gradient-shader-card` — a grainy 7-stop gradient (domain-warped value noise + 3D simplex grain + overlay film grain) rendered on a single React-Three-Fiber quad that ripples where you tap it — dropped into `@/components/ui` and framed as the "Chroma Foundry" pigment-lab console: a rail with the exact 7 hex stops the shader mixes, five faders promoting the baked `noise*`/`waveNoise*` constants to live uniforms, named patches (Foundry/Silk/Marble/Static/Tide), click-to-ripple with tactile DOM markers, and a telemetry strip reading the shader's own clock + live ripple count off the GPU loop; fonts vendored locally, headless WebGL + interaction verification (9/9).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Hero dithering card
Call to Action
"DITHER · PRESS" — the brief's `CTASection` dropped **verbatim** into `components/ui`: a transparent-backed `@paper-design/shaders-react` `Dithering` shader laying Pantone-orange ink under an editorial headline, mounted on a print-house "press bed" with crop marks, a rotating registration loupe, a half-tone dot field, and a telemetry strip that samples ink coverage live off the plate; plus an "ink console" whose faders (speed / shape / type / ink) drive a second live `Dithering` instance, a copyable-source integration story, a `Dithering` props table, and a paper ↔ lights-out theme toggle — fonts vendored locally, CLI-verified with a screenshot-diff render check.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Liquid metal foundry
Shader
Shadcn-style integration of the prompt's verbatim `background-shades` — a full-bleed, framer-motion–animated `@paper-design/shaders-react` `LiquidMetal` field dropped into `@/components/ui` and framed as a molten-metal foundry console: the live shader pours into a registration-bracketed crucible plate while a casting deck drives every real `LiquidMetal` prop (tint, shape, repetition, softness, distortion, contour, chromatic shift, rotation, scale, speed, blur) in real time, with FPS·frame·uptime telemetry, a prefers-reduced-motion–aware breathing loop, and a tabbed install / props-API / live-usage / integration-notes / why-`components/ui` dock that documents reconciling the verbatim `shape="plane"` and unused `PulsingBorder` against shaders-react 0.0.81; Space Grotesk + 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
Mesh gradient shader hero
Hero Section
Shadcn-style integration of the prompt's `HeroSection` — a hero whose background is a flowing `@paper-design/shaders-react` MeshGradient under a frosted veil — dropped verbatim into `@/components/ui` and framed as a warm "palette studio": the live hero sits in a registration-bracketed plate while a control deck drives the shader's real props (color stops, distortion, swirl, speed, offsetX) in real time, with light/dark veil toggle, FPS·frame·uptime telemetry, and a tabbed install / props-API / live-usage / why-`components/ui` dock; Onest vendored locally as the Satoshi substitute.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Paper shader resume hero
Hero Section
Shadcn `components/ui` integration of the prompt's `portfolio-hero-with-paper-shaders` — a split-screen designer résumé (`Jessi.cv`) whose right panel is a live `@paper-design/shaders-react` Dithering canvas with its own internal light/dark toggle — dropped in verbatim and framed as a "darkroom" proof: the as-shipped component sits in a crop-marked plate, an ink console promotes every Dithering prop (shape/bayer-matrix/pxSize/scale/speed/colour pair) to live faders with live prop/fps telemetry, a procedural shader-portrait gallery, and a setup/why-`components/ui`/source/props-API story (the invalid `shape="cat"` is corrected to `sphere`); fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - DepthFigure - A foreground image card held in depthSubscription
DepthFigure - A foreground image card held in depth
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
TiltCard - A card that tilts up to ~8 degrees in 3D toward the pointer with an opacity-only specular sheen
Card
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
MorphBackground - A scroll chapter whose background morphs between a warm and a cool palette by crossfading two stacked full-bleed gradient layers via opacity
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
KineticHeadline - A heading that splits into per-word, per-line spans which stagger in on transform + opacity as it enters view (split-line-rise vocabulary), reading as one acces
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
MagneticCursor - A custom cursor dot that rAF-lerps toward the pointer and snaps toward real focusable magnetic targets on hover, gated to fine pointers and disabled (native cur
Cursor
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Theme Toggle Morph - A sun morphs into a crescent moon as the interface flips between light and dark
Button
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - stratum-motion demoSubscription
stratum-motion demo
Scroll Effect
SSR-safe reveal presets, stagger, parallax, scroll scene and page transition.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Fold - WebGPU (vgpu/WGSL) scroll-driven folded-metal material study with three finishes and a poster/device-loss fallbackSubscription
Fold - WebGPU (vgpu/WGSL) scroll-driven folded-metal material study with three finishes and a poster/device-loss fallback
Shader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Paper Simplex Noise: Default
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Paper Simplex Noise: Bubblegum
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Paper Smoke Ring: Cloud
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Paper Swirl: Opening
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Paper Swirl: Candy
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Paper Waves: Groovy
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Billow
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Chalk
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Circlet
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Prism
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Suffuse
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Web
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Welkin
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in 
SubscriptionAurora · waterPlane
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionHalo · waterPlane
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionLava · waterPlane
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionMarble · waterPlane
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionPulse · waterPlane
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionSpectrum · waterPlane
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionCosmic · waterPlane
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionDefaults · waterPlane
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionGlass · waterPlane
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionPosition Mix · waterPlane
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionMint (preset)
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionCotton Candy (preset)
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SubscriptionGraph Paper
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in