CleenUI · Layout

Layout

Structural primitives that hold the page together.

Layout primitives don't display data — they organize it. Divider separates content blocks, FormGroup wraps related inputs, Collapsible toggles visibility. Small, unglamorous, essential. These components fade into the background of any well-organized page.

3 components in this family

Divider
Horizontal or vertical separator with optional centered label.
View details →
FormGroup
Form-section wrapper providing label, help text, error display, and consistent spacing for related inputs.
View details →
Collapsible
Expand/collapse panel with smooth height animation and chevron rotation.
View details →

Browse the live Storybook

Every prop, every variant, every state — interactive.

Open Layout in Storybook

⚡ Already in an AI editor?

Set up CleenUI in your tool.

One config edit in your editor, then ask your AI agent to set up CleenUI. The Builder skill knows the whole component catalog — including the components on this page.

Claude Code Cursor Windsurf GitHub Copilot Cline Aider +6All 12 guides

Other categories

More component families.

Live demo

See CleenUI running before you talk to us.

Configure a demo environment in about twenty seconds — theme, spacing, the modules you care about, sample data for your industry — then launch the full dashboard in your browser. Nothing to install, no signup.

20 sec setup
15 themes
20 modules
80 industries

Pick a theme to start with