Unocss Preset Daisy

Overview

The @ameinhardt/unocss-preset-daisy is an innovative solution for developers looking to seamlessly integrate daisyUI styles with UnoCSS. This preset leverages the native styling capabilities of daisyUI version 4, allowing for a more flexible and efficient development experience. By supporting variants without the need for pre-generation, this tool simplifies the styling process, making it an attractive option for anyone working with modern web design frameworks.

Whether you're building complex applications or simple websites, this preset enhances your workflow by offering easy-to-configure options. The compatibility with various development environments like Vite and Nuxt ensures that developers can streamline their processes without facing compatibility issues or performance hurdles.

Features

• Seamless Integration: Directly utilizes daisyUI v4 styles, eliminating the need for pre-generation while supporting variants.

• Pseudo Classes Support: Simplifies styling for button inputs by using "file" as a pseudo-class variant and allows customization of separator configurations.

• Custom Variable Prefixes: Easily redefine variable prefixes from daisyUI’s default to your preferences for better alignment with UnoCSS standards.

• Reset CSS Compatibility: Includes @unocss/reset for more control over CSS styling, ensuring a clean slate for all customizations.

• Theme Color Integration: Provides straightforward methods for integrating theme colors in both daisyUI v4 and v5, streamlining the customization process.

• DevTools Overlay Support: Uses safelist configurations to ensure affected classes are generated when virtual:unocss-devtools is active.

• Flexible Configuration: Accepts configurations similar to daisyUI while omitting logs and prefix settings for user convenience.

• Lightweight and Efficient: Aims to minimize the importation of unused styles while retaining essential styling functionality, making it resource-efficient most of the time.