{"repo":"daisyui/react-daisyui","free":true,"listed":false,"github":"https://github.com/daisyui/react-daisyui","clone":"git clone https://github.com/daisyui/react-daisyui.git","description":"daisyUI components built with React 🌼","language":"TypeScript","stars":1089,"topics":["react","tailwindcss","components","library","daisyui","ui-design","design-systems","postcss","reactjs","component-library"],"license":"MIT","category":"ui-components","readme_excerpt":"daisyUI components built with React, Typescript and TailwindCSS [See all components ] react-daisyui 🌼 📖 Check out our Storybook 🎲 Try it with CodeSandbox 🙋 Need help or have a suggestion? Join our discord! --- 💿 Install Make sure you've installed TailwindCSS and daisyUI . Install the package with npm or yarn: To prevent TailwindCSS from purging your styles, add the following line to your tailwind.config.js: For Next.js 13 - 14: Modify transpilePackages in your next.config.js file: For Next.js 12: Install next-transpile modules: And import the package inside your next.config.js file: Finally, you can wrap your module.exports using withTM like so: ⚡ Quick Start Import react-daisyui components within your component files: 🎨 Themes To apply a theme (or multiple themes) to a page or components, import the Theme component and wrap your content: Use tools like the official daisyUI Theme Generator or daisyUI Theme Builder to easily create your own themes. --- ⚙️ Components Actions: - [x] Button - [X] Dropdown - [X] Modal - [X] Swap - [ ] Theme Controller Data Display: - [x] Accordion - [X] Avatar - [X] Badge - [X] Card - [X] Carousel - [X] Chart Bubble - [X] Collapse - [X] Countdown - [X] Diff - [X] Kbd - [X] Stats - [X] Table - [X] Timeline Navigation: - [x] Bottom Navigation - [x] Breadcrumbs - [x] Link - [x] Menu - [x] Navbar - [x] Pagination - [x] Steps - [x] Tabs Feedback: - [x] Alert - [X] Loading - [X] Progress - [X] Radial Progress - [ ] Skeleton - [x] Toast - [X] Toolt","default_branch":null,"files":null,"tree":[],"storefront":"/r/daisyui","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/daisyui/react-daisyui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}