Trae UI is a modern, highly customizable, and accessible UI component library for React and Next.js, built with TailwindCSS and TypeScript. It offers a responsive, reusable, and developer-friendly set of components to accelerate building visually stunning
npm install trae-uiTrae UI is a modern, highly customizable, and accessible UI component library for React and Next.js, built with TailwindCSS and TypeScript. It offers a responsive, reusable, and developer-friendly set of components to accelerate building visually stunning and scalable applications.
- Repository: GitHub - Trae UI
- NPM Package: Trae UI on NPM
- š Powered by TailwindCSS: Utility-first CSS for seamless customization.
- š”ļø TypeScript Support: Fully typed components for a robust development experience.
- šØ Highly Customizable: Adaptable to any design system or branding requirements.
- āæ Accessibility Focused: Ensures all components meet WCAG and ARIA standards.
- ā” Optimized for React & Next.js: Built for modern web development frameworks.
Install Trae UI into your project using npm or yarn:
``sh
npm install trae-ui
``sh
yarn add trae-ui
š§ Usage
Here's an example of how to use the Button component:
import React from 'react';
import { Button } from 'trae-ui';
const App: React.FC = () => {
return (
export default App;
š ļø Contributing
We welcome contributions to Trae UI! To get started:
Fork the repository: GitHub - Trae UI
Clone your fork locally:
git clone https://github.com/itznur07/trae-ui.git
Create a new branch:
git checkout -b feature/your-feature
Commit your changes:
git commit -m 'Add new feature'
Push your changes:
git push origin feature/your-feature
š License
This project is licensed under the MIT License. See the LICENSE file for details.