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
Style
Licence
Source repo (SyntaxUI/syntaxui, ridelink0/ultimate-frontend-skills, codrops/TextClipScroll)
- Visual research skill - render real sites and read them as pictures for references and moodboardsSubscription
Visual research skill - render real sites and read them as pictures for references and moodboards
Skill
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 - Exploded view in three.js from markup (parts list as no-JS fallback, or a GLB)Subscription
Exploded view in three.js from markup (parts list as no-JS fallback, or a GLB)
3D Scene
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: nav - fixed header, transparent over the hero, frosted after it
Navbar
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: hero-photo - full-bleed photograph, centred display type, staggered 2nd line
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: hero-split - type left, object right - the product hero
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: hero-layered - photograph cut into planes (webdesign.mjs cut); subjects rest on the bottom edge, sky lags, type at page speed
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: index - table of contents with dot leaders
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: manifesto - eyebrow + two-line serif statement + one narrow paragraph
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: blueprint - hand-drawn technical SVG + copy. Replace the path with the real object.
Features
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 - Subscription
Section: stats - two or three numerals in the display face
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: cards-rail - frosted cards on a photographic ground
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: services - hairline-separated rows; the editorial answer to a card grid
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: steps - numbered process, 01 / 02 / 03 - only if order really matters
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: quote - one pull quote, set large, no quotation-mark ornament
Testimonials
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: spec - specification table
Features
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: gallery - horizontal scroll gallery with captions
Gallery
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: faq - accordion, native details/summary
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: contact - form, editorial fields, no boxes
Form
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: cta - closing band, one action only
Call to Action
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: footer - quiet, hairline, no link soup
Footer
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: not-found - the 404, written by the scaffolder as 404.html; honest, short, two ways out
Landing Page
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 - Subscription
Section: hero-depth - three photographic planes: background lags, middle at page speed, foreground leads
Hero Section
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Section: exploded-3d - a made thing taken apart in three.js: parts as shapes and materials, or a GLB; the list is the fallback
3D Scene
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Agentic design system (Bergside / typeui.sh) - Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.Subscription
Agentic design system (Bergside / typeui.sh) - Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
Design System
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 - Basic design system (Bergside / typeui.sh) - Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.Subscription
Basic design system (Bergside / typeui.sh) - Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
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 - 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 - 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 - 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 - 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 - Fantasy design system (Bergside / typeui.sh) - Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.Subscription
Fantasy design system (Bergside / typeui.sh) - Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.
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