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, scroll-effect)
Mood
Industry (general)
Style
Licence
Source repo
- 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
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
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
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
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
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
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 - scroll-reveal-video: skill that re-encodes a video all-I-frame and maps its playback to scroll progress, with timed text overlaysSubscription
scroll-reveal-video: skill that re-encodes a video all-I-frame and maps its playback to scroll progress, with timed text overlays
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
scrollcraft engine: zero-dependency scroll runtime driven by data-sc-* attributes (scrub video, pin, pan, flow acts; cues, drift, magnet), with a template page
Scroll Effect
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 - Three-plane scroll + pointer parallax with depth of field and aerial perspectiveSubscription
Three-plane scroll + pointer parallax with depth of field and aerial perspective
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Dependency-free scroll motion runtime (reveals, scroll-driven animation with IO fallback, magnetic buttons)Subscription
Dependency-free scroll motion runtime (reveals, scroll-driven animation with IO fallback, magnetic buttons)
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: exploded - dark section; layers pull apart on scroll (2D parallax = depth)
Scroll Effect
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Artistic design system (Bergside / typeui.sh) - High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.Subscription
Artistic design system (Bergside / typeui.sh) - High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
Design System
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 - 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 - Brutalism design system (Bergside / typeui.sh) - Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.Subscription
Brutalism design system (Bergside / typeui.sh) - Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Claymorphism design system (Bergside / typeui.sh) - Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.Subscription
Claymorphism design system (Bergside / typeui.sh) - Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.
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 - Colorful design system (Bergside / typeui.sh) - Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.Subscription
Colorful design system (Bergside / typeui.sh) - Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Contemporary design system (Bergside / typeui.sh) - Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.Subscription
Contemporary design system (Bergside / typeui.sh) - Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Corporate design system (Bergside / typeui.sh) - Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.Subscription
Corporate design system (Bergside / typeui.sh) - Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
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 - Creative design system (Bergside / typeui.sh) - Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.Subscription
Creative design system (Bergside / typeui.sh) - Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Dithered design system (Bergside / typeui.sh) - Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.Subscription
Dithered design system (Bergside / typeui.sh) - Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Doodle design system (Bergside / typeui.sh) - Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.Subscription
Doodle design system (Bergside / typeui.sh) - Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.
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 - Expressive design system (Bergside / typeui.sh) - Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.Subscription
Expressive design system (Bergside / typeui.sh) - Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
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 - Flat design system (Bergside / typeui.sh) - Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.Subscription
Flat design system (Bergside / typeui.sh) - Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.
Design System
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 - Futuristic design system (Bergside / typeui.sh) - Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.Subscription
Futuristic design system (Bergside / typeui.sh) - Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Geometric design system (Bergside / typeui.sh) - Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.Subscription
Geometric design system (Bergside / typeui.sh) - Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Glassmorphism design system (Bergside / typeui.sh) - Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.Subscription
Glassmorphism design system (Bergside / typeui.sh) - Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Gradient design system (Bergside / typeui.sh) - Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.Subscription
Gradient design system (Bergside / typeui.sh) - Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Immersive design system (Bergside / typeui.sh) - An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven jSubscription
Immersive design system (Bergside / typeui.sh) - An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven j
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 - 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 - 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 - Modern design system (Bergside / typeui.sh) - Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.Subscription
Modern design system (Bergside / typeui.sh) - Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Mono design system (Bergside / typeui.sh) - Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.Subscription
Mono design system (Bergside / typeui.sh) - Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
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 - Neon design system (Bergside / typeui.sh) - Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.Subscription
Neon design system (Bergside / typeui.sh) - Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
Design System
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in