Build beautiful React applicationswith Aviris UI

A collection of beautifully designed components built with Radix UI and Tailwind CSS, offering a perfect balance between customization and convention.

Overview

Aviris UI provides a comprehensive set of UI components and utilities to help you build modern web applications faster. Built on top of Radix UI primitives and styled with Tailwind CSS, it offers:

  • Accessible and customizable components
  • Type-safe with TypeScript
  • Dark mode support out of the box
  • CLI tool for easy component management
  • Comprehensive documentation and examples

Key Features

Accessibility First

Built on top of Radix UI primitives, ensuring robust accessibility features like ARIA attributes and keyboard navigation.

Customization

Easily customize components using Tailwind CSS utility classes or override styles with your own design system.

Type Safety

Written in TypeScript with strict type checking, providing better developer experience and catching errors early.

Modern Development

Built for modern frameworks like Next.js and supports features like Server Components and React Server Actions.

Quick Start

Install Aviris UI and its peer dependencies:

npm install @aviris/ui tailwindcss-animate class-variance-authority clsx tailwind-merge

Need more details?

Installation Guide