Skip to content

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

License

Notifications You must be signed in to change notification settings

ayhamDev/chesai-ui

Repository files navigation

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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages