Ddesignlang
DocsComponentsSectionsAnimations

Getting Started

IntroductionInstallationDesign Languages

Voyager

Adventure product showcase

Vehicle PillarsHero Carousel Auto

Folio

Dark editorial publication

Services DiptychWork GridPurpose StatementText ToutVideo FeatureClient List

Quorum

Insider network duotone

Membership CTACase Card GridManifesto NumberedCategory Grid

Plinth

Luxury minimalism

Aurora

Dark developer community

Hero ProductFeatures Screenshot GridTrust GridHeader DarkFooter DarkTestimonial Scroll RevealCTA Audience MarqueeAnalytics DashboardGrowth Sticky ListResources Grid

Anthology

Cinematic press-kit editorial

Hero AwardsEditorial FeatureCase Studies ListPrograms ListReel SectionMenu OverlayStack CinematicSticky Carousel

Ember

Developer SaaS heat

Hero DeveloperLogo MarqueeHeader LightFooter LightTestimonials MarqueeFAQ AccordionCTA Dot ArtCode TabsAgent ConnectInfrastructure GridPerformance BenchmarksPromo BannerDeveloper QuickstartUse Cases TabsPricing CardsBlog GridHow Stepped

Foundry

Type-foundry editorial

Hero CinematicBento FeaturesNavbar EditorialFooter Marquee BackersCTA TicketDiagram TabsUSP StripTrial Font Card

Lattice

Warm-grey editorial AI brand

Hero MeshStack Scroll IsometricNav Glass PillsCTA Noise Gradient

Foundations

Primitives, animations, neutral

Primitives

ButtonBadgeCardInputTextareaLabelSeparatorAvatarSkeletonAlertSwitchTabsDialogTooltipDropdown MenuCheckboxSelectProgressAccordion

Animations

Fade InText RevealMarqueeShimmerLetter RevealTyping Cursor

Neutral Sections

Powered by ComCreateStats BlockTeam Grid
Components

Primitives

The foundational UI building blocks. Copy, paste, or install from the local registry.

Components

Button

Rounded action primitive for primary, secondary, outline, and ghost actions.

Components

Badge

Compact label treatment for statuses, tags, and soft metadata.

Components

Card

Minimal surface primitive for elevated content blocks and panels.

Components

Input

Styled text input with focus ring and disabled states.

Components

Textarea

Multi-line text input with focus ring and disabled states.

Components

Label

Accessible label primitive for form fields.

Components

Separator

Horizontal or vertical divider for grouping content.

Components

Avatar

Circular avatar with image and fallback composition.

Components

Skeleton

Pulse-animated placeholder for loading states.

Components

Alert

Informational or destructive alert with icon slot.

Components

Switch

Controlled or uncontrolled toggle switch with smooth thumb animation.

Components

Tabs

Controlled or uncontrolled tab list with panels and active indicator.

Components

Dialog

Modal overlay with backdrop, close button, and focus behavior.

Components

Tooltip

Hover-triggered tooltip with four placement sides.

Components

Dropdown Menu

Click-triggered menu with items, labels, and separators.

Components

Checkbox

Styled checkbox with controlled or uncontrolled state.

Components

Select

Native select styled with focus ring and dropdown icon.

Components

Progress

Horizontal progress bar with animated fill.

Components

Accordion

Expandable accordion with single or multiple-open modes.