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 (design-system)
Mood (dark)
Style
Licence
- 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
Aurora flow landing
Design System
"Tide" deep-work-ritual landing page on the exact prompt scaffold (Vite + React + TS, Tailwind + tailwind-merge + clsx, Framer Motion, Lucide, `@/` alias, `cn()`) — a deep oceanic-twilight design whose signature is a full-width canvas "tide of light" (drifting, pointer-leaning sine bands, reduced-motion-safe), a hero that *is* a working focus session (breathing dial + live 50:00 countdown), a soundscape marquee, a 3-step Ritual timeline, a Soundscapes bento, count-up stats, scaled-tier pricing, an ARIA FAQ accordion, and a validating email CTA; vendored Fraunces/Inter/JetBrains Mono, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Bold typography design system
Design System
"OBELISK" Bold Typography design-system showcase — poster design translated to web with near-black/vermillion tokens, a 13-step type ramp, vendored Inter Tight/Playfair Display/JetBrains Mono, a parallax decorative-numeral hero, an adjective marquee, three button variants (underline/inversion/ghost), layered-text depth, zero radius, a token-flip inverted CTA, and a 200ms ARIA FAQ accordion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Copy machine pixel perfect
Design System
"Foundry" browser-native PCB board-studio landing built on the exact "copy machine" prompt scaffold (Vite + React + TS, Tailwind + tailwind-merge + clsx, Framer Motion, Lucide, `@/` alias, `cn()`) — a dark copper-on-substrate design whose signature is a live-autorouter `TraceField` behind the hero (45°-constrained copper traces growing to pads and pulsing vias, pointer-leaning, reduced-motion-safe) and a layer-toggle `BoardCanvas` that composites Gerber-style solder-mask/copper/silkscreen films; plus a sticky nav, a continuous-DRC bento feature grid, count-up fab stats, a 4-step schematic→route→verify→ship workflow, quote testimonials, scaled-tier pricing, and a validating email CTA; vendored Space Grotesk/Inter/JetBrains Mono, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Copy machine setup
Design System
"Copy Machine" landing-page scaffold built byte-for-byte to a fixed setup spec (Vite + React, TypeScript, Tailwind + tailwind-merge + clsx, Framer Motion, Lucide, `@/`→`/src/` alias) with the spec-pinned files reproduced character-for-character and an empty `App.tsx` awaiting the first component; ships a self-contained dark blueprint/IDE "PROJECT SETUP COMPLETE" status screen (radial-masked grid, drifting glow orbs, scanline, count-up readout, created-file tree, verbatim App.tsx code panel, tech-stack chips, copy-machine rules) rendered as a sibling of `#root`, with vendored Inter/JetBrains Mono, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Kinetic typography poster
Design System
Kinetic Typography design-system showcase — a festival poster page with viewport-width `clamp()` headlines, two infinite marquees, towering background numbers, hard acid-yellow color-inversion hover states, sticky-stacking cards, scroll-driven hero zoom, and a `prefers-reduced-motion` static fallback.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scaffold ready splash
Design System
Exact-spec single-page landing scaffold (Vite + React + TypeScript + Tailwind v3, `@/` alias, `cn()` helper, Framer Motion + Lucide) whose App shell — instead of an empty page — renders a polished, self-contained "Scaffold ready" splash: ambient drifting orbs + a panning technical grid, a gradient headline, a self-typing macOS terminal, stack chips, a scroll-sequenced setup checklist, a `src/` file tree, and a dashed "drop your first component" target; fully offline (system fonts) and `prefers-reduced-motion`–aware.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Bold design system (Bergside / typeui.sh) - Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.Subscription
Bold design system (Bergside / typeui.sh) - Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cosmic design system (Bergside / typeui.sh) - Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.Subscription
Cosmic design system (Bergside / typeui.sh) - Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Dramatic design system (Bergside / typeui.sh) - High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.Subscription
Dramatic design system (Bergside / typeui.sh) - High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Matrix design system (Bergside / typeui.sh) - A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elementsSubscription
Matrix design system (Bergside / typeui.sh) - A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements
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 - Academia classical showcaseSubscription
Academia classical showcase
Design System
"The Athenæum" Academia / Classical design-system showcase — a library-at-night members' society across ten Roman-numeral Volumes, with arch-topped sepia-to-colour engravings, a rotating brass sunburst hero, 40px corner flourishes, Cinzel drop caps, ornate glyph dividers, crimson wax-seal badges, engraved brass buttons, a manifesto Proclamation, certificate pricing tiers, an alternating timeline, an accordion FAQ, a validated enquiry form, and fixed paper-grain + vignette overlays; vendored fonts/illustrations, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Ai budget tracking landing page velara alSubscription
Ai budget tracking landing page velara al
Design System
"Velara AI" AI budget-tracking landing page — a dark, purple-accented (#A855F7) fintech site assembled from 10 numbered sections: a video-background hero with a glass dashboard mockup (animated wave chart, sidebar, asset list), a feature-grid "Why Choose Us", a 3-step "How It Works" with animated goal/insight mockups, a bento Features grid (stacked encryption cards, smart-alert feed, animated budget bars, sparkline mini-cards), a global-transfers map card with floating glass widgets, an infinite dual-column testimonials ticker, a security band + app-download banner with browser-chrome dashboard, a cosmic-horizon pricing trio with a "Popular" tier, an animated FAQ accordion, and an SVG globe-arc footer with cycling country badges and a glowing VELARAAI wordmark.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Art deco gatsby showcaseSubscription
Art deco gatsby showcase
Design System
Self-contained Art Deco ("Gatsby") design-system showcase — gold-on-obsidian, vendored Marcellus/Josefin Sans, a rotating sunburst hero, stepped-corner cards with rotated-diamond icons, a Roman-numeral timeline, pricing tiers, testimonials, an accordion FAQ, underlined-input enquiry form, and a 5-column footer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Bitcoin defi aurumSubscription
Bitcoin defi aurum
Design System
"AURUM" Bitcoin DeFi design-system landing — a True-Void/Bitcoin-Fire aesthetic with a spinning orbital orb hero ringed by floating glass stat cards, a seamless stats ticker, count-up metrics, a feature grid with hover-reveal icon watermarks, a "How It Works" blockchain timeline (gradient ledger line, pinging nodes, corner-accent cards), asymmetric scaled pricing, glass testimonials, and colored (never black) glows; centralized cva tokens, self-hosted Space Grotesk/Inter/JetBrains Mono, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cyberpunk glitch design systemSubscription
Cyberpunk glitch design system
Design System
"NEUROCITRINE // Netrunner OS" — a self-contained Cyberpunk / Glitch design-system showcase that renders like a malfunctioning CRT: chromatic-aberration glitch headline, full-page scanline + signal-noise + sweeping-beam overlays, clip-path chamfered HUD panels, real stacked-box-shadow neon glow, circuit/PCB + grid backgrounds, a live self-typing breach terminal, holographic telemetry cards, all five button variants, count-up stats, an accordion FAQ, and a `prefers-reduced-motion` static fallback; vendored Orbitron/JetBrains Mono/Share Tech Mono, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Lumen design systemSubscription
Lumen design system
Design System
Showcase landing page that fully expresses the Linear/Modern design language — four-layer ambient background with floating gradient blobs, mouse-tracking spotlight cards, gradient typography, scroll-linked hero parallax, multi-layer shadows, an asymmetric bento grid, a live token gallery and component playground, and a responsive hamburger menu, all on centralized design tokens.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Maximalism dopamine systemSubscription
Maximalism dopamine system
Design System
"DOPAMINE" Maximalism / Dopamine design-system showcase — a deliberately overwhelming nine-section page on five clashing accents (rotated by index % 5) with layered dot/stripe/checker/mesh patterns, multi-layer glow+hard shadows, stacked text-shadows, 21 floating shapes, bleeding background words, animated gradient text, broken offset grids, two rotated marquees, a live token gallery, scaled-tier pricing, a 4-variant component playground, ARIA FAQ, and a full reduced-motion fallback; vendored Outfit/Unbounded/DM Sans/Bangers/Bungee, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Vaporwave outrun design systemSubscription
Vaporwave outrun design system
Design System
"NEONWAVE OS" Vaporwave / Outrun design-system showcase — centralized neon tokens (magenta/cyan/sunset) and skew/glow/window component classes, a fixed receding perspective grid floor, a 600px blurred sun, and a global CRT scanline + RGB chromatic-aberration overlay, with a typing-terminal hero, gradient-clipped headlines, skewed un-skewing buttons, rotating diamond icons, an interactive file-explorer, IRC `<username>` testimonials, a scaled pricing tier, and an accordion FAQ; vendored Orbitron / Share Tech Mono.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Atmospheric Sublime visual system (theme) - warm-dust/cold-steel duality, vast negative space, glacial-then-sudden reveals from haze. Thin neo-grotesqueSubscription
Atmospheric Sublime visual system (theme) - warm-dust/cold-steel duality, vast negative space, glacial-then-sudden reveals from haze. Thin neo-grotesque
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Clinical Noir visual system (theme) - near-monochrome ash/steel drained world; amber appears only as event. Neo-grotesque, dolly-smooth, inevitable motionSubscription
Clinical Noir visual system (theme) - near-monochrome ash/steel drained world; amber appears only as event. Neo-grotesque, dolly-smooth, inevitable motion
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Data Cinematic visual system (theme) - deep navy data-viz ground, signal-green accent, grotesk + mono, precise glowing reveals. NET-NEW systemSubscription
Data Cinematic visual system (theme) - deep navy data-viz ground, signal-green accent, grotesk + mono, precise glowing reveals. NET-NEW system
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Liquid Chrome visual system (theme) - near-black iridescent ground, chrome-cyan accent, smooth metallic morphs and WebGL distortion. NET-NEW systemSubscription
Liquid Chrome visual system (theme) - near-black iridescent ground, chrome-cyan accent, smooth metallic morphs and WebGL distortion. NET-NEW system
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Temporal Monument visual system (theme) - chiaroscuro blacks, cold steel highlights, tungsten practicals; deepest layer stack, variable relentless momentum. Gotham displaySubscription
Temporal Monument visual system (theme) - chiaroscuro blacks, cold steel highlights, tungsten practicals; deepest layer stack, variable relentless momentum. Gotham display
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in