Laioutr
Laioutr UI

UI Kit

The UI Kit is the core set of Laioutr UI primitives and foundational components used across packages, grouped into general, typography, layout, content, surfaces, form, and indicators.

Overview

The UI Kit contains the foundational building blocks of Laioutr UI. These components are designed to be composable, accessible, and theme-aligned, and they form the base layer used by higher-level packages (like Shop, CMS, Navigation, and SaaS).

If you’re building custom pages or components, start here to pick the primitives you need (buttons, inputs, layout helpers, typography, surfaces, and common indicators).

Component groups

General

Core utility components like media, icons, loading states, and UI helpers.

Typography

Text, links, rich content, and typographic patterns for readable content.

Layout

Layout primitives like separators, grids, and scrollable containers.

Content

Content presentation components like cards, tiles, and CTA banners.

Surfaces

Overlays and feedback surfaces like sheets, toasts, and dialogs.

Form

Form elements like inputs, selects, switches, and pagination.

Indicators

Badges, ratings, flags, and compact status indicators.

Filters

Product filters are a valuable tool for online shoppers to quickly and easily find the products they are looking for on e-commerce websites.

Accordion

A group of togglable entries