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 (techy)
Industry
Style (glassmorphism, gradient)
Source repo
- Subscription
Helix vault h55
Hero Section
"Institutional Crypto Terminal" hero for Helix Vault — emerald blade of light, glass portfolio dashboard mockup with count-up balance, growing bar chart, live ticker and scan-line, all framework-free.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Halcyon mesh h56
Landing Page
"Obsidian Control Plane" autonomous-ops SaaS landing for "Halcyon Mesh" — near-black engineering canvas under a persistent dashed grid, an aurora teal→violet hero glow, Space Grotesk + Inter + JetBrains Mono, a hand-built "Control Mesh" dashboard mockup (sidebar, live appending execution log, count-up metrics, audit list), hover mega-menu, text-roll buttons, edge-masked logo marquee, animated SVG node-graph feature card, numbered workflow, stats band, three-tier pricing, and a gridded aurora CTA; cursor-reactive glow, scroll reveals, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Emerald glass system
Landing Page
"Obsidian" glassmorphism design-system showcase — a monochrome black/zinc page with vibrant emerald (#34D399) highlights, vendored Inter, a floating blur(20px) glass pill nav, a 92vh dark hero with a 22vw CREATE backdrop word and a vertical stack of glass stat cards, a light feature grid with a dark System Analysis card animating progress bars, a #18181B workflow block with numbered glass steps and a 3D-rotated code mockup with a bouncing Deployed tag, a 3-tier bento pricing grid, and a black editorial footer; grain overlays on every dark surface, reveal-on-scroll motion, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Synapse design system
Landing Page
"Synapse" futuristic vantablack (#030303) design-system landing built same-to-same from a spec — violet (#8B5CF6) + cyan (#06B6D4) neon accents, vendored Instrument Serif + Inter, three floating blurred ambient orbs, a 672px glass nav pill, a massive centered serif hero with a shimmering gradient last word and staggered load entrances, a Shiny Border Button with a 4s spinning conic-gradient border, a 40s infinite metrics ticker, a 6-card reveal-on-scroll feature grid with violet/cyan hover glows, a syntax-highlighted synapse.config.ts IDE block with a copy button, and an emerald "All Systems Operational" pulsing-dot footer; cubic-bezier(0.23,1,0.32,1) motion throughout, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - 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
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
Paper shaders control deck
Shader
Instrument-console "Control Deck" for driving live WebGL shaders — four selectable channels (paper-design Mesh Gradient / Dot Orbit / Combined plus the prompt's custom react-three-fiber GLSL Shader Plane + energy rings), a brushed-graphite scope housing with corner brackets/scanlines/vignette, live FPS·frame·uptime telemetry, and speed/intensity faders wired straight into the shader uniforms.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Warp checks background lab
Shader
Shadcn integration of the prompt's `@paper-design/shaders-react` `<Warp shape="checks" />` dropped into `components/ui` (its malformed JSX fixed) and built into a polished, full-viewport animated checks-warp background — one `<Warp>` in a `fixed inset-0 -z-10` layer behind glassy product UI, a live console of faders for every uniform (proportion, softness, distortion, swirl, swirlIterations, shapeScale, scale, rotation, speed), a shape selector and four mood presets, a live-vs-prompt props ledger, an in-page shadcn/Tailwind/TS setup write-up, and an rAF FPS/frame/uptime telemetry strip; boots on the prompt's exact four-colour config, 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 shader hero
Hero Section
Shadcn-style integration of the prompt's verbatim `@paper-design/shaders-react` `<Warp>` hero dropped into `components/ui`, framed as the "Paper Warp // Shader Lab" — a brushed-graphite instrument deck where the same hero becomes a live specimen: a parameter bay of faders promotes every Warp uniform (swirl, distortion, scale, rotation…) to a live control, a shape selector and four mood presets re-work the field, an editable four-stop palette, and an FPS/frame/uptime telemetry strip; fonts vendored locally.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Aperture minimalist dark
Design System
Full "Minimalist Dark" design-system landing page for fictional dev tool "Aperture" — layered-slate palette with a warm amber accent, vendored Space Grotesk / Inter / JetBrains Mono, drifting ambient glow orbs + noise/grid ambience, a self-driving glass ⌘K command palette that types and streams a deploy log, glass-effect bento features, count-up stats, a numbered workflow + tinted config code panel, a glowing featured pricing tier, accent-line testimonials, an accessible max-height FAQ accordion, and an amber-ring email CTA.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
BlackCircuit cyber security hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Cinematic Scroll Effects Lab - six text treatments, magnetic/depth surfaces, four shader presets on the shared runtime
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - KeyCloud - premium mechanical keyboard landing page (scroll frame-sequence hero, horizontal gallery, procedural 'thock' audio)Subscription
KeyCloud - premium mechanical keyboard landing page (scroll frame-sequence hero, horizontal gallery, procedural 'thock' audio)
Landing Page
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 pageSubscription
Dimensional Glass - Solid.js + Three.js prismatic glass-panel landing page
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Grid stagger revealSubscription
Grid stagger reveal
Entrance
@reactzero/flow stagger example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Glassmorphism StyleSubscription
Glassmorphism Style
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - LedgerlineSubscription
Ledgerline
Landing Page
Deep-Teal + Mint Fintech Startup (Dashboard Hero).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Neon Velocity CountdownSubscription
Neon Velocity Countdown
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - SynapseSubscription
Synapse
Landing Page
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Glow ring buttons
Component
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
Day/night globe
3D Scene
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Satellite orbits globe
3D Scene
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
Cable network globe
3D Scene
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
GPGPU repel particles
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
GPGPU flock
3D Scene
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Attractor particles
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Halftone scene
Shader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Procedural terrain
3D Scene
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scroll layout switch
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scroll text motion
Text Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
VFX flames
3D Scene
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
Pixel flow field
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Boids ecosystem
Background
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
Line network
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Animated beam hub
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Floating-icon hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Terminal intro
Loader
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Field map feature
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Anemone
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Beams
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Carrier
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Corona
Background
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in