Components

60+ React components.
Live in Storybook.

Full and forever use of the react component library that powers the CleenUI codebase footprint. Browse, inspect props, and see every variant before you write a line of code.

Try it live

Three flagship components, running in this page.

Type a search. Ask the AI. Trace a flow. These embed real Storybook stories — no recording, no mockup.

Spotlight

DataGrid - Built from Scratch for Enterprise Apps

Built from scratch with no dependencies on third-party grid libraries. Most teams reach for AG Grid, MUI DataGrid, or TanStack Table — and discover six months later that the licensing, the bundle size, the styling escapes, or the customization limits force a rewrite.

  • Pinned, shareable filters. Save a filter, pin it, share it with your team. Reusable across users.
  • Custom-made slide-out drawer. Dynamic and extensible.
  • Multiple size options. Compact, normal, comfortable rows and columns.
  • Flexible pagination. 10 to 100 per page, all the way through the stack to the stored procedures.
  • No dependencies. One less library to audit, license, or rip out.
Iconography

15,996 icons.
Nine libraries.
One interface.

The CleenUI icon system normalizes nine different icon libraries into a single interchangeable API. Use Heroicons, Lucide, Font Awesome, Material, Bootstrap, or any of the others — without rewriting your component props.

A built-in curated baseline set covers 80% of typical UI needs. The full 15,996-icon catalog is available when you need it.

HeroiconsLucideFont AwesomeMaterialBootstrap+4 more
Get started

Get started with CleenUI.

Two paths to your first component. Pick the one that fits how your team builds.

Path A · Recommended

With AI agent skills

One prompt to your AI tool. The Setup skill handles dependencies, design tokens, build config, and component registration — all without leaving your editor.

Path B · Manual

With npm

The classic flow. Install the package, import the styles, drop in your first component. No agents required — same end result.

How to get CleenUI

Components ship with the codebase.

CleenUI is sold as a single full-stack license — the components are the frontend layer of the codebase, not a standalone product. Every license starts with a no-cost 30-minute architecture review where pricing is scoped to your team and environments.

Book the architecture reviewSee pricing

Want to tour the rest of the stack first? See the codebase · 14 modules · Exact tech stack.