https://github.com/ayhamdev/chesai-ui

An animated, MD3-inspired React component library for building beautiful web, desktop, and mobile apps, built with Radix UI, Framer Motion, and Tailwind CSS.
https://github.com/ayhamdev/chesai-ui

design-system desktop framer-motion hero-ui material-you mobile radix-primitives react tailwindcss-v4 web

Last synced: 3 days ago
JSON representation

An animated, MD3-inspired React component library for building beautiful web, desktop, and mobile apps, built with Radix UI, Framer Motion, and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/ayhamdev/chesai-ui
• Owner: ayhamDev
• License: mit
• Created: 2026-01-23T18:39:22.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2026-06-13T09:56:45.000Z (9 days ago)
• Last Synced: 2026-06-13T11:26:31.687Z (9 days ago)
• Topics: design-system, desktop, framer-motion, hero-ui, material-you, mobile, radix-primitives, react, tailwindcss-v4, web
• Language: TypeScript
• Homepage: https://chesai-ui.pages.dev
• Size: 1.77 MB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# chesai-ui

`chesai-ui` is a modern, accessible, and highly customizable React component library. It is built on a foundation of industry-standard tools including Radix UI for accessibility, Framer Motion for fluid animations, and Tailwind CSS with CVA for flexible styling.

---

## Features

- **Accessible by Default**: Leverages Radix UI primitives to ensure components are accessible out-of-the-box, following WAI-ARIA standards.

- **Beautifully Animated**: Utilizes Framer Motion to provide smooth, physics-based animations that enhance user experience.

- **Highly Customizable**: Built with Tailwind CSS and Class Variance Authority (CVA), allowing for deep customization and easy integration with your existing design system.

- **Comprehensive Component Set**: Includes a wide range of components, from basic buttons and inputs to complex, responsive navigation elements like `Sidebar` and `AppBar`.

- **TypeScript Support**: Fully typed to provide a great developer experience with autocompletion and type safety.

- **Developer-Friendly**: Components are designed to be composable and easy to use, with a consistent and predictable API.

## Live Demo

[Chesai UI Demo](https://chesai-ui.pages.dev/)