Tailus React UI
Customizable React UI components styled with Tailus Themer
Details About Tailus React UI
Key points:
- Install via npm
- RTL support
- Dark mode
- Documentation
- Custom config file
- Open Source
- JavaScript Plugin
- Tailwind CSS v3.0+
- Responsive Design
Contents
What is Tailus UI React?
Tailus UI React is a React component collection built with Radix UI and Tailwind CSS.
A comprehensive collection of customizable React components for building modern web interfaces.
Included Components 🧩
- Accordion
- Alert Dialog
- Annonce
- Aspect Ratio
- Avatar
- Badge
- Banner
- Button
- Calendar
- Card
- Checkbox
- Context Menu
- Date Picker
- Dialog
- Drawer
- Dropdown Menu
- Empty State
- Hover Card
- Input
- Label
- Popover
- Progress
- Radio Group
- Scroll Area
- Select
- Separator
- Slider
- Switch
- Tabs
- Textarea
- Toast
- Toggle Group
- Toggle
- Toolbar
- Tooltip
Graph & Chart Components
- Cartesian Grid
- Axis
- Tooltip
- Linear Gradient
- Area
- Line
- Bar
- Scatter
- Radar
- Area Chart
- Bar Chart
- Category Bar
- Line Chart
- Radar Chart
- Scatter Chart
- Bar Chart
Features ✨
- 100% Customizable
- Modern and minimalist UI
- Built-in palette colors
- Multi-theming support
- Component part variants
- Data attribute theming
- CSS variable customization
- Detailed documentation
Pros and Cons
Pros ✅
- Well-integrated with Radix UI and Tailwind CSS
- Minimalist UI
- You can directly export your code to Github, making it easy to publish your site on Vercel, Render or Netlify.
- Figma file included
Cons ⛔️
- Limited to exporting in popular frameworks like Next.js or Astro
Integration
Detailed step-by-step instructions provided in documentation to use Tailus UI React in the frameworks below.
- Astro
- Gatsby
- Laravel
- Next
- Remix
- Vite
Website Templates from Tailus
