Tailwind React Components
A component library based on DaisyUI for tailwindcss

In Alpha stage

• All components coming soon.
• Next component "Modal"
• Extended from DaisyUI
  Pouya Saadeghi and Contributors

Storybook can be found here.

🌼 Features

• Extended from DaisyUI
  Pouya Saadeghi and Contributors
• Tailwind CSS plugin
  daisyUI is a Tailwind CSS plugin. Install it and add it to your tailwind.config.js file.
• Component classes
  Adds component classes to Tailwind. Classes like btn, card,… So you will end up with a cleaner HTML.
• Semantic color names
  Adds color names like primary, secondary, accent,….
• Customizable
  You can customize the design of components with Tailwind utility classes and CSS variables.
• Themeable
  Add multiple themes and customize colors. You can even set a theme for a specific section of your page.
• RTL supported
  Enable rtl config for right to left layouts.

📀 Install now!

npm i daisy-ui-react

List of Components

• [ ] Alert
• [ ] Artboard
• [ ] App bar
• [ ] Avatar
  • [ ] Avatar group
• [ ] Badge
• [ ] Banner
• [ ] Breadcrumb
• [x] Button
  • [ ] Button group
• [ ] Calendar
• [ ] Carousel
• [ ] Card
• [ ] Chat bubble
• [ ] Collapse (Accordion)
• [ ] Comment
• [ ] Countdown
• [ ] Cover
• [ ] Divider
• [ ] Drawer
• [ ] Empty placeholder
• [ ] Footer
• [ ] Form
  • [ ] Select
  • [x] Text input
  • [ ] Text area
  • [x] Checkbox
  • [ ] Radio
  • [ ] Range slider
  • [ ] Rating
  • [x] Toggle
  • [ ] Upload
• [ ] Hero
• [ ] Indicator
• [ ] Kbd
• [ ] Link
• [ ] Loading
• [ ] Menu
• [ ] Mockup
  • [ ] Browser
  • [ ] Code
  • [ ] Phone
  • [ ] Window
• [ ] Navbar
• [ ] Mask
• [x] Modal (Keyboard and other more props coming soon)
• [ ] Pagination
• [ ] Progress
• [ ] Stack
• [ ] Stat
• [ ] Steps
• [ ] Tag
• [ ] Table
• [ ] Tabs
• [ ] Timeline
• [ ] Toast
• [ ] Tooltip
• [ ] Treeview