Big news for UI designers and developers! Windframe now fully supports DaisyUI v5, bringing a host of powerful new components, refined theming capabilities, and major performance improvements right into Windframe’s intuitive, drag-and-drop interface.

Whether you’re building dashboards, landing pages, or full-featured web apps, this update makes it easier than ever to craft beautiful, responsive designs without writing a single line of code.

🚀 What’s New in DaisyUI v5 — Now Available in Windframe

DaisyUI v5 introduces a wave of enhancements designed to streamline frontend development. And now, all of them are available natively in Windframe, giving you more design power at your fingertips.

🧩 New UI Components for Faster Development

With DaisyUI v5, you get access to eight new utility-first components, all of which are seamlessly integrated into Windframe’s visual builder:

List: Display vertical item lists (perfect for articles, products, or task views).

Status: Small, color-coded icons to show statuses like online/offline or success/error.

Fieldset & Label : Enhanced form semantics with better grouping and accessibility.

Filter : Components to enable quick filtering of data by category, status, or tag.

Calendar : A fully customizable calendar picker for selecting dates in forms or dashboards.

Validator : Real-time validation feedback components to improve form UX.

Dock : Layout component for fixed-position elements like toolbars or navs.

Tag : Display tags or labels with various style options for categorization or metadata.

📌 All components are available in Windframe's visual builder with drag-and-drop simplicity—no manual configuration needed.

🎨 More Powerful Theming and Styling Options

DaisyUI v5 isn’t just about new components—it redefines theming in Tailwind-based design systems. Windframe brings this flexibility to life with real-time theme previews and customization tools.

Here’s what’s new in theming:

New Themes: Choose from fresh, professionally-designed themes like:

Caramellatte: Warm, inviting tones

Abyss : A clean and modern dark theme

Silk : Soft, minimalistic color palette

Enhanced Theme Generator: Easily create your own themes or tweak existing ones with Windframe’s live theme editor—powered by DaisyUI’s updated generator.

New Border & Size Scales: Gain greater control over component sizing, padding, and border styling to fine-tune your UI.

Component Style Variants: Apply ‘soft’ or ‘dash’ style variants for buttons, inputs, and other UI elements to match different aesthetic needs.

Optional Effects: Add subtle noise or shadow effects to themes for an extra layer of visual richness.

📌 All theming options in DaisyUI v5 are instantly editable and previewable in Windframe, making design customization effortless.

⚙️ Performance Improvements & Compatibility Upgrades

DaisyUI v5 wasn’t just a visual upgrade—it came with major under-the-hood performance gains and compatibility updates that improve efficiency and flexibility.

Smaller Package Size: The NPM package has been trimmed from 4.7 MB to just 1.8 MB, and the CDN build is now a lightweight 34 KB, resulting in faster page loads.

Tailwind CSS v4 Support: Full compatibility with the latest Tailwind CSS version ensures a seamless development experience with modern tooling.

Zero Dependencies: DaisyUI now runs dependency-free, meaning no added JavaScript libraries, leading to cleaner builds and easier maintenance.

Native CSS Nesting Support: Cleaner, more organized CSS code through native nesting features—less clutter, more control.

📌 Windframe takes advantage of these optimizations behind the scenes to deliver a smoother, more responsive UI builder experience.

🧪 Real-World Workflow: Building a Dashboard with Windframe + DaisyUI v5

Now, let me walk you through how you can use the new DaisyUI v5 on the windframe editor.

• start by opening the windframe editor and going to the import button on top of the left hand side bar

• When you click on the button a dropdown will appear, scroll to the install dasiyUi on the dropdown menu and click on it

• This will automatically install daisyui on the windframe project you are currently working on.

• Now, all the Daisy Ui components and features will nowh be available for you.

💬 Final Thoughts

The integration of DaisyUI v5 into Windframe is more than just an update—it’s a transformation of the design workflow. With an expanded library of components, smarter theming options, and performance gains across the board, this update empowers developers and designers alike to build stunning interfaces faster and with less friction.

Whether you're prototyping, building a full product, or simply exploring ideas, Windframe + DaisyUI v5 gives you the creative freedom and tooling to bring your vision to life.

👉 Try it now in Windframe and see how much faster your UI development can be.