# AsriUI

> Open-source React 18+ UI component library with TypeScript, accessibility, CSS Modules, Framer Motion, live docs, and page templates.

AsriUI helps teams ship accessible web interfaces with tree-shakable npm imports (`asriui/button`), design tokens, compound components, data grids, auth forms, and a PWA-ready documentation site.

Install with `pnpm add asriui framer-motion`, import `asriui/style.css` once, and wrap your app with `AsriUIProvider` from `asriui/config`.

## Docs

- [Getting started](https://gajay.github.io/asriui/docs/getting-started): Install, configure AsriUIProvider, and import your first component
- [Design tokens](https://gajay.github.io/asriui/docs/tokens): CSS variables for color, spacing, radius, and typography
- [Branding guide](https://gajay.github.io/asriui/docs/branding): Logo usage, tone, and visual identity for AsriUI-powered products
- [Component catalog](https://gajay.github.io/asriui/docs/components/button): Live examples and API reference for every component
- [Page templates](https://gajay.github.io/asriui/templates): Fifteen production page layouts you can copy into your app
- [Roadmap](https://gajay.github.io/asriui/docs/roadmap): What shipped, what is in progress, and what is planned next
- [Releases](https://gajay.github.io/asriui/docs/releases): Version history and changelog

## Project

- [Home](https://gajay.github.io/asriui/): Landing page with feature overview and design system preview
- [GitHub repository](https://github.com/GAjay): Source code and issues (gajay)
- [npm package](https://www.npmjs.com/package/asriui): `asriui` on npm with subpath exports
- [Sitemap](https://gajay.github.io/asriui/sitemap.xml): Full list of indexable pages on the docs site

## Optional

- [Styling guide](https://gajay.github.io/asriui/docs/styling): CSS Modules conventions and theming patterns
- [Theme configuration](https://gajay.github.io/asriui/docs/theme): Light, dark, and system theme modes via AsriUIProvider