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
Mood
Industry
Style (neumorphism, gradient)
Licence
- Subscription
Particle hero
Hero Section
Night-sky particle-canvas hero with a clickable gold-mode invert toggle, rotating spotlights, and a radial-reveal headline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Prisma noir h52
Hero Section
"Spectral darkroom" creative-director hero with drifting screen-blended color blobs, a clipped rotating-word headline, cursor parallax, and a fullscreen discover menu with hover image tickers.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Shape landing hero
Hero Section
Shadcn integration of Kokonut UI's HeroGeometric — animated geometric shapes, gradient headline and a live props playground on a near-black canvas.
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
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
Gradient bars background
Background
Shadcn/ui integration of the verbatim `GradientBars` component — an equalizer-shaped wall of pulsing vertical CSS `linear-gradient` bars (U-shaped height curve, staggered `scaleY` `@keyframes`) — dropped into `@/components/ui` and framed as a component lab: a full-bleed live hero with a render-FPS/bars/assets/uptime telemetry strip and stack ticker, a control deck of faders wired to the real props (numBars/animationDuration + gradientFrom colour picker with named presets + backgroundColor) with a live-usage snippet, a shadcn-CLI integration story explaining the default paths and why `/components/ui` matters, and a props API with the prompt's data/state/assets/responsive/placement Q&A; zero image assets (pure CSS keyframes), fonts 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
Gradient dots background
Background
Shadcn/ui integration of the verbatim `GradientDots` component — a hue-cycling hexagonal CSS `radial-gradient` dot field looped with framer-motion — dropped into `@/components/ui` and framed as a component lab: a full-bleed live hero (the verbatim demo) with a render-FPS/uptime telemetry strip, a control deck of faders wired straight to the real props (dotSize/spacing/duration/colorCycleDuration + a background colour control) with named presets and a live-usage snippet, a four-step shadcn-CLI integration story explaining the default paths and why `/components/ui` matters, and a props API with the prompt's data/state/assets/responsive/placement Q&A; zero component assets (pure CSS), fonts 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
Lumen aurora vcard h62
Card
"Lumen Aurora" personal digital visiting card for a fictional creative technologist — one frosted-glass card floating over a slow living aurora of drifting violet/teal/rose blobs with film-grain and vignette, stacking a meta bar with a live local clock, an avatar-ring hero with a pulsing emerald "available" status, a short first-person bio with mono tag chips, a three-up email/call/WhatsApp action grid, a five-up social row, and an amber "Save contact" button that generates a vCard 3.0 `.vcf` blob client-side plus a "Copy link" toast; cinematic near-black palette, Fraunces display serif over Geist + Geist Mono, pointer parallax with specular sheen, staggered reveal, real mailto/tel/wa.me links, all fonts and portrait 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
Maison Aurelia luxury hotel hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Wayfarer Atlas travel agency hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Cinder Table restaurant hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
HavenRow real estate hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Clarity Care medical clinic hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Northbridge Law law firm hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
MintLedger fintech hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Forma Market e-commerce hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Mira Vale portfolio hero
Hero Section
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
PulseArena gaming hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
ForgeFit fitness hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
BrightPath education hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
EchoWave music streaming hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Ironbeam Build construction hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Gatherly event management hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
SignalBloom marketing agency hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
AUREUS
Landing Page
Digital Wealth, Managed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
BLOOM
Landing Page
Your day, but make it fun.
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
NATURALLY ROOTED
Landing Page
Field Apothecary.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
AUREUS
Landing Page
Into the Vault (Scroll-Scrubbed Chrome Flight).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: hero-gradient - animated WebGL colour field behind the type; no photograph needed
Hero Section
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 - Astral veil h6Subscription
Astral veil h6
Landing Page
Cosmic-nocturne SaaS landing for "Novela" — near-black canvas, violet/cobalt nebula glows, frosted glass, Playfair Display headlines, CSS starfield, drifting UI fragments, trust marquee, and a floating constellation of integration capsules.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Lumen launch h44Subscription
Lumen launch h44
Landing Page
"Periwinkle Aurora" landing page for fictional AI product-launch SaaS "Lumen Launch" — lavender/periwinkle aurora-blur motif on crisp white with Outfit + DM Sans, a div-built browser/dashboard hero mockup, infinite logo & testimonial marquees, animated step illustrations, dark testimonial theatre, working monthly/yearly pricing toggle, and a FAQ accordion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Raw form design systemSubscription
Raw form design system
Landing Page
"Studio/Raw" brutalist e-commerce design system rebuilt same-to-same from a reference — warm-palette Swiss brutalism (#E4E2DD base, #DB4A2B accent) with vendored Clash Display + Satoshi, animated multiply-blend gradient blobs, an 18vw RAW/FORM. typographic hero, slide-from-left fill CTA buttons, 12vw OUTERWEAR/OBJECTS category dividers, a borderless 3/4 product grid with a Full Archive tile, a Designed for Movement campaign block, and a dark footer with a 10% 2024 watermark.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Superdesign cinematic agencySubscription
Superdesign cinematic agency
Landing Page
"Superdesign" dark cinematic creative-agency landing rebuilt same-to-same from a reference — near-black #050505 base, vendored Aspekta 300/500/700/900, a mix-blend-difference nav, a perspective:2000px 3D rolodex cube hero tumbling on the X-axis behind a giant SUPERDESIGN wordmark, a Case Studies bento grid (macOS traffic-light featured panel + grayscale-on-hover sub-projects), a #0B0216 three-tier pricing block with a #7C3AED blur(100px) glow and a white featured Growth card, a startups banner, a #1A0B2E glass price calculator with a live purple-filled range slider + monthly/yearly toggle, and a massive LET'S BUILD THE IMPOSSIBLE. editorial footer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Superdesign red noir landingSubscription
Superdesign red noir landing
Landing Page
Pixel-faithful "Red Noir" Superdesign AI landing page recreated 1:1 from a reference — #ef233c-on-black palette with vendored Manrope + Inter, twin box-shadow parallax starfields, a faint masked grid, a conic-gradient shiny CTA and a spinning "Get Access" sweep, gradient-clipped hero headline with a hand-drawn underline, a 4-card bento feature grid, a full-bleed red testimonial banner, 3-tier pricing with a featured Pro card, a waitlist CTA, and a giant outlined SUPERDESIGN footer wordmark.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in