daisyui.svg Daisy UI

Official Website: https://daisyui.com

Base Information

FieldValue
Components56+
Stars31.8k
NPM Downloads279.4k

Preview

Features

FeatureExplanation
Styled
Styled components come with opinated style. You usually customize them by overriding these styles.
Imported
You depends on an external library from which you import components. You benefits from library updates but can not directly customize components since it's not your own code.
CSS only
Only provide CSS classes to inject into your own components. You get no logic, but the library can be used with any framework (not only Vue/React).
React
Made for React framework
Vue
Made for Vue framework
Mobile
Mobile-friendly component library support
Tailwind CSS
The library uses Tailwind CSS itself and allows you to use it to customize components. As a Tailwind CSS user, this allows to keep a unique tool for all your styling.
Free
The UI Library is entirely free for all available components.
Built-in Themes
Provide different themes ready to be used.
Theme Generator
Provide a tool to help developpers generate new themes in an easy way.
Dark Mode
Components are designed tu support both a light and dark version.
Semantic Colors
Colors can be associated with particular meanings, like 'primary', 'secondary', etc.
RTL support
Ability to display text that is written from right to left (Arabic, Hebrew, etc.)

Other You May Like