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 (scroll-effect, design-system)
Mood (light)
Industry
Style
Licence
- Subscription
Sticky content switch
Scroll Effect
Scroll-driven "sticky content switch" editorial template — a warm paper (#f4f1ea) / near-black (#0e0e0c) two-column section on vendored Anton + Inter with a burnt-orange (#c4622d) accent, where the left column is position:sticky and vertically pinned while six 100vh image panels scroll past on the right; an IntersectionObserver with a -50%/-50% rootMargin band fires exactly when each image's midpoint crosses screen center, crossfading + slide-swapping the pinned heading (index, kicker, title, body, meta) to match the active frame, a transform:scaleY accent progress rail with growing ticks, a rAF parallax that scales each image 1.08→1.0 toward center plus grayscale-to-color on active, a per-letter hero rise-reveal, and a ghosted-wordmark outro; six themed procedural SVG images + fonts vendored, fully offline, responsive stacked feed under 900px, respects prefers-reduced-motion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Botanical organic serif
Design System
"Verdant" Botanical / Organic Serif design-system showcase — a slow-living wellness landing on centralized tokens, with hand-built fully-offline botanical SVG art masked into Roman arches, the mandatory paper-grain overlay, Playfair Display headlines using italic emphasis words, a sage/clay/terracotta palette, staggered feature & collection grids, count-up stats, soft-shadow pill buttons, a vine-growing divider, an ARIA FAQ accordion, an underlined newsletter input, and a full-screen mobile menu.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Clay design system
Design System
"Claymakers" High-Fidelity Claymorphism design-system showcase — premium digital clay with reusable 4-layer shadow stacks (deep/card/button/pressed), a candy-shop palette and vendored Nunito/DM Sans, super-rounded radii, gradient hero text, an abstract nested-clay hero, breathing count-up stat orbs, a bento feature grid with a peeking panel, a live squish/recessed-input playground, a fanned-tablet split, pricing with a scaled "popular" tier, testimonials, a recess-on-open FAQ, a working CTA, and a reduced-motion-safe blob world.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Corporate trust design system
Design System
"Northwind" Corporate Trust design-system showcase — a modern enterprise-SaaS landing fully expressing the style: indigo→violet gradients, colored (blue/violet-tinted) shadows, an isometric 3D hero dashboard, soft blurred blobs, a split gradient headline, zig-zag deep-dives on tilted gradient slabs, a count-up stats band, glowing numbered steps, a scaled "popular" pricing tier, a details/summary FAQ, and a dramatic dark final CTA — all on centralized tokens.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Finsyc finance landing
Design System
"Finsyc" AI finance-management landing page applied verbatim from a 10-component template — an animated soft-gradient video hero with an expanding "Get Started" pill and brand logo marquee, color-blocked metric cards with count-ups, four product-UI feature cards (donut spend chart, balance-forecast graph, security shield, instant-transfer), a tabbed 4-step "How it works", a scroll-pinned benefits list with a progress rail, a count-up metrics band plus a center-snapping testimonial carousel, hover-activated pricing tiers with a monthly/yearly toggle, an animated integrations seal wired to 8 vendored brand icons, a blog grid, and a CTA footer with a giant rising "Finsyc" wordmark; all fonts/logos/UI art/avatars and the background video 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
Flatline design system
Design System
Complete flat-design-system showcase landing page — centralized tokens, sharp full-section color blocks (Blue/Emerald/Amber/dark), tinted color-block cards, thick outline buttons, a scaled "popular" pricing tier, multi-color stat count-ups, and high-contrast solid focus rings with zero box-shadows anywhere.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Industrial skeuomorphism
Design System
"SCHEMATIC" Industrial Skeuomorphism design-system showcase — a tactile hardware-control landing built on centralized neumorphic tokens, with an all-CSS hero device mockup (scanline screen + live dashboard), glowing LED status indicators, corner screws & vent slots on every panel, a cylindrical How-It-Works pipe connector, push-pinned testimonials with masking tape, punched-hole pricing tags, a conic-gradient radar sweep, recessed "data slot" inputs, and a matte-plastic noise overlay; vendored Inter/JetBrains Mono and all assets, fully offline & responsive.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Luxury editorial design system
Design System
"MAISON" Luxury / Editorial design-system showcase — a full editorial landing (hero, drop-cap features, dark stats, multi-layer testimonials, ARIA FAQ accordion, blog grid, footer CTA) with vendored Playfair/Inter fonts, vertical writing-mode labels, fixed gridlines, a gold-sliding button, and a paper-grain noise overlay.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Material you showcase
Design System
"Lumi" Material You (Material Design 3) design-system showcase — a full landing page on centralized MD3 tonal tokens (purple seed #6750A4): a 48px-radius hero, layered organic blur shapes, pill buttons with state layers, glass-morphism benefits on a primary block, glow-on-hover How-It-Works badges, a recessed tonal-ramp visualizer, a lifted featured pricing tier, image-zoom blog cards, an accordion FAQ, a filled-text-field CTA, and a tertiary FAB — all on the cubic-bezier(0.2,0,0,1) easing, with vendored Roboto and fully local SVG art.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Neo brutalism loud system
Design System
"LOUDHOUSE" Neo-brutalism design-system showcase — centralized `@theme` tokens (cream/black + red/yellow/violet highlighters), hard offset shadows (zero blur) as `shadow-neo*` utilities, hollow text-stroke display type, sticker rotations, a chaos-zone hero, live token gallery, count-up stats, an interactive component playground, scaled pricing, two marquees, a keyboard FAQ, mechanical click-down buttons / lift cards / yellow-flood inputs, and a full `prefers-reduced-motion` fallback.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Neumorphism soft ui
Design System
"SOFTFORM" Neumorphism (Soft UI) design-system showcase — one cool-grey surface (`#E0E5EC`) where dual opposing RGBA shadows carve every edge: extruded / inset / inset-deep / nested depth states, hyper-rounded 32px corners, floating concentric-circle hero art, a working component playground (buttons in all states, inset inputs with accent focus rings, a switch, segmented control, draggable+keyboard slider), an inset token gallery, a soft-dark theme toggle, and zero borders anywhere; fully offline.
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
Playful geometric design system
Design System
"Blobby" Playful Geometric design-system showcase — a Memphis-inspired "stable grid, wild decoration" landing with centralized tokens (warm paper + slate + four rotational pop colors), chunky 2px borders, hard no-blur "pop" shadows, varied/blob radii, a blob-masked geometric mascot illustration, confetti shapes, keyword + logo marquees, a dashed-line feature grid, a star-badged scaled pricing tier, a live token gallery, an ARIA FAQ, and a focus-shadowed CTA form — all honoring prefers-reduced-motion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Serif editorial design system
Design System
"Roman & Quill" Serif design-system showcase — a private-publishing-house editorial landing (hero, stats, drop-cap features, asymmetric 1.3fr/0.7fr benefits, decorative-quote testimonials, gold-tinted featured pricing, journal grid, ARIA FAQ, inverted correspond form, footer) with vendored Playfair/Source Sans 3/IBM Plex Mono, a rule-line + small-caps label system, bespoke SVG engraving plates, burnished-gold accent, paper-grain overlay, and ambient glow — all on channel-format design tokens, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Swiss design system
Design System
Self-contained Swiss International (International Typographic Style) design-system showcase — strict B/W/Swiss-Red tokens, four CSS texture patterns (grid, dots, diagonal, noise), a Bauhaus hero composition, a mathematical type specimen, a 2×2 component gallery, and bold mechanical interactions (color inversions, rotating plus icons, count-up); fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Verdant organic design system
Design System
Full "Organic / Natural" design-system landing for botanical apothecary "Verdant" — earth-drawn palette, Fraunces + Nunito, a global paper-grain overlay, drifting+morphing blob backgrounds, bespoke palette-drawn botanical SVG illustrations, asymmetric feature-card radii, a hand-drawn curved-dashed ritual connector, a rotated-tin product spotlight, an organic image mask, hover-tilt testimonials, and varied moss/terracotta sections; fonts + noise vendored, fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
PinnedReveal - Staggered eyebrow → title → summary reveal as a chapter enters view
Scroll Effect
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 - Bento design system (Bergside / typeui.sh) - Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.Subscription
Bento design system (Bergside / typeui.sh) - Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Cafe design system (Bergside / typeui.sh) - Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.Subscription
Cafe design system (Bergside / typeui.sh) - Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Clean design system (Bergside / typeui.sh) - Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.Subscription
Clean design system (Bergside / typeui.sh) - Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Editorial design system (Bergside / typeui.sh) - Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.Subscription
Editorial design system (Bergside / typeui.sh) - Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Fiction design system (Bergside / typeui.sh) - A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrationsSubscription
Fiction design system (Bergside / typeui.sh) - A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations
Design System
Warm cream backgrounds, big bold custom display typo.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Friendly design system (Bergside / typeui.sh) - Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.Subscription
Friendly design system (Bergside / typeui.sh) - Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Impeccable design system (Bergside / typeui.sh) - A modern, graphic, editorial-poster aestheticSubscription
Impeccable design system (Bergside / typeui.sh) - A modern, graphic, editorial-poster aesthetic
Design System
Warm and confident — built on alternating cream and burnt orange sections, an amber brand color.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Minimal design system (Bergside / typeui.sh) - Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.Subscription
Minimal design system (Bergside / typeui.sh) - Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Neobrutalism design system (Bergside / typeui.sh) - Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.Subscription
Neobrutalism design system (Bergside / typeui.sh) - Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
Design System
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 - Paper design system (Bergside / typeui.sh) - Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.Subscription
Paper design system (Bergside / typeui.sh) - Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Riso design system (Bergside / typeui.sh) - A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every sectionSubscription
Riso design system (Bergside / typeui.sh) - A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Sketch design system (Bergside / typeui.sh) - A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings,Subscription
Sketch design system (Bergside / typeui.sh) - A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings,
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Spacious design system (Bergside / typeui.sh) - Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.Subscription
Spacious design system (Bergside / typeui.sh) - Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Terracotta design system (Bergside / typeui.sh) - A sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single terracotta accent.Subscription
Terracotta design system (Bergside / typeui.sh) - A sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single terracotta accent.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Vibrant design system (Bergside / typeui.sh) - Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.Subscription
Vibrant design system (Bergside / typeui.sh) - Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.
Design System
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 - Subscription
Frame-scrub site template - pinned canvas playing a responsive AVIF/WebP frame ladder scrubbed by ScrollTrigger, bounded decoded-bitmap cache, config-only reskin, with the committed 120-frame demo ladder
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Scroll-world scrub engine (hardened) - framework-agnostic scroll-to-video-time engine with lite mode for weak devices, remote video unloading, and optional seamless Web Audio BGM
Scroll Effect
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 - Bauhaus form follows functionSubscription
Bauhaus form follows function
Design System
"WERKBUND" Bauhaus design-system landing page — a constructivist poster brought to life with three primary colours, thick black borders, hard offset shadows, binary radii, geometric circle/square/triangle primitives, color-blocked sections, a stats band, feature grid, pricing tiers, testimonials, journal, and a red/cream FAQ accordion.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Handcraft paper uiSubscription
Handcraft paper ui
Design System
"Scribbly" Hand-Drawn design-system landing page — a messy-on-purpose whiteboard product rendered entirely in wobbly irregular border-radii (never `rounded-*`), hard zero-blur offset shadows, warm paper-grain dot texture, and self-hosted Kalam / Patrick Hand type; centralized tokens drive composable taped/tacked/post-it cards, a hand-drawn SVG hero whiteboard, squiggly step connectors, a dashed-circled scaled pricing tier, speech-bubble testimonials, and a press-flat button system.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Lumina minimalist modernSubscription
Lumina minimalist modern
Design System
Full "Minimalist Modern" design-system landing page for analytics platform Lumina — Electric Blue signature gradient, inverted slate sections, Calistoga/Inter dual-font type, an animated abstract hero graphic, and centralized design tokens.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Retro 90s nostalgia design systemSubscription
Retro 90s nostalgia design system
Design System
"WEBMASTER 95" Retro / 90s Nostalgia design-system showcase — a faux Windows 95 desktop that documents its own DNA with centralized bevel tokens, a scrolling marquee, animated rainbow text, title-bar windowed cards, a tiled crosshatch background, blue/underlined hyperlinks, alternating rows, groove HR dividers, a glowing green hit counter, pulsing NEW!/HOT! badges, a construction-stripe CTA, dotted focus rings, and zero border-radius; fully offline.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Web Design Studio design contract + DTCG tokens (color, type, spacing, motion)Subscription
Web Design Studio design contract + DTCG tokens (color, type, spacing, motion)
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Botanical Editorial visual system (theme) - warm paper, deep leaf-green accent, editorial serif, gentle organic reveals. NET-NEW systemSubscription
Botanical Editorial visual system (theme) - warm paper, deep leaf-green accent, editorial serif, gentle organic 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 - Brutalist Kinetic visual system (theme) - raw concrete grays, one safety-orange accent, monospace everything, hard mechanical motion. NET-NEW systemSubscription
Brutalist Kinetic visual system (theme) - raw concrete grays, one safety-orange accent, monospace everything, hard mechanical motion. 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 - Naturalistic Drift visual system (theme) - lived-in slightly-desaturated palette following light, not drama; minimal organic motion, gradual fades. Editorial serifSubscription
Naturalistic Drift visual system (theme) - lived-in slightly-desaturated palette following light, not drama; minimal organic motion, gradual fades. Editorial serif
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Storybook Geometry visual system (theme) - pastel hard-edged colour fields, centered symmetry, snap-quick lateral motion. Geometric displaySubscription
Storybook Geometry visual system (theme) - pastel hard-edged colour fields, centered symmetry, snap-quick lateral motion. Geometric display
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in