quebi
ReactComponent LibraryTailwind CSSAI-Ready

quebi ui-lib

A React component library you own. 104 accessible components built on react-aria-components and Tailwind CSS v4 — copy-paste the source, no install required. Built for humans and for AI agents.

A React component library you own. 104 accessible components built on react-aria-components and Tailwind CSS v4 — copy-paste the source, no install required. Built for humans and for AI agents.

What it does

quebi ui-lib gives React teams production-ready, accessible UI components without locking them into a packaged dependency. Every component ships as plain source you drop straight into your project: read it, edit it, keep it. There is no black-box library to fight when you need to change a behavior or a style — the code is yours from the moment you add it.

Components are distributed through the shadcn CLI or fetched directly from static API endpoints, with dependencies resolved automatically. The same endpoints that serve humans are designed for AI agents, so coding assistants can discover and pull components programmatically during a session.

The library spans the full surface of an application UI — charts, forms, overlays, navigation, and data display — and includes form variants pre-bound to Conform for the Remix and React Router stack.

Key Features

  • 104 components — charts, forms, overlays, navigation, and data display in one consistent set
  • You own the source — every component ships as plain, editable code you drop into your project, not a versioned dependency
  • Accessible by default — built on react-aria-components for keyboard and screen-reader support out of the box
  • Tailwind CSS v4 — styled with the quebi design system on the latest Tailwind
  • Built for AI agents/llms.txt, a full JSON catalog, and per-component endpoints let coding assistants discover and pull components programmatically
  • Conform-bound forms — form variants wired for Conform, ready for Remix and React Router
  • MIT licensed — open source on GitHub, free to use and adapt

Technology

quebi ui-lib is built on react-aria-components for accessibility and behavior, with styling on Tailwind CSS v4 and the quebi design system. Components install through the shadcn CLI — npx shadcn@latest add https://ui-lib.quebi.de/r/<name>.json — or come from static endpoints: /api/index.json for the full catalog, /api/components/<name>.json for a single component's metadata and source, and /r/<name>.json for shadcn-compatible registry items.

For AI-assisted workflows, /llms.txt serves as the agent entry point, and a downloadable Claude skill lets Claude pull live components directly into a coding session.

Status

quebi ui-lib is production-ready and open source under the MIT License. Browse the full component set at ui-lib.quebi.de.