Robuta

Free and open source components plugin for Tailwind CSS. Support daisyUI's development to keep it alive and growing ❤️

Dec 14, 2025 - A free, fast, and reliable CDN for daisyui. daisyUI 5 - The Tailwind CSS Component Library

Tailwind Toast examples: Toast is a wrapper to stack elements, positioned on the corner of page. component

How to use daisyUI from a CDN?

Nov 17, 2025 - Faster, cleaner, easier Tailwind CSS development

Tailwind Modal examples: Modal is used to show a dialog or a box when you click a button. component

Tailwind Drawer sidebar examples: Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page. component

Tailwind Hover Gallery examples: Hover Gallery is container of images. The first image is visible be default and when we hover it horizontally, other

Tailwind Breadcrumbs examples: Breadcrumbs helps users to navigate through the website. component

Tailwind Select examples: Select is used to pick a value from a list of options. component

Tailwind Accordion examples: Accordion is used for showing and hiding content but only one item can stay open at a time. component

What is daisyUI and why should you use it?

Tailwind Badge examples: Badges are used to inform the user of the status of specific data. component

How to use code editors, LLMs (large language models) and MCP (Model Context Protocol) servers to generate Tailwind CSS and daisyUI code

Tailwind Alert examples: Alert informs users about important events. component

Tailwind CSS Components - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all...

Tailwind List examples: List is a vertical layout to display information in rows. component

daisyUI adds a few base styles to your page.

Tailwind Checkbox examples: Checkboxes are used to select or deselect a value. component

Best Tailwind CSS video tutorials and Free Tailwind CSS video courses

Tailwind CSS Components - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all...

daisyUI Store - Professional templates made by daisyUI

Tailwind Skeleton examples: Skeleton is a component that can be used to show a loading state of a component. component

Tailwind Divider examples: Divider will be used to separate content vertically or horizontally. component

Tailwind CSS Components Library for 2026 - Tailwind CSS components examples, Tailwind themes and Tailwind blocks for fast UI development

See the tech stack tools used to build daisyUI

Tailwind Dock examples: Dock (also know as Bottom navigation or Bottom bar) is a UI element that provides navigation options to the user. Dock sticks to

Tailwind Tabs examples: Tabs can be used to show a list of links in a tabbed format. component

Tailwind Layout and Typography examples: How to use layouts and typography in daisyUI component

Tailwind CSS Components - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all...

Tailwind CSS Components - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all...

Tailwind Window mockup examples: Window mockup shows a box that looks like an operating system window. component

Tailwind Collapse examples: Collapse is used for showing and hiding content. component

Tailwind Code mockup examples: Code mockup is used to show a block of code in a box that looks like a code editor. component

Tailwind CSS Components - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all...

Tailwind Card examples: Cards are used to group and display content in a way that is easily readable. component

Tailwind Footer examples: Footer can contain logo, copyright notice, and links to other pages. component

Tailwind Label examples: Label is used to provide a name or title for an input field. Label can be placed before or after the field. component

Tailwind Range slider examples: Range slider is used to select a value by sliding a handle. component

Tailwind Timeline examples: Timeline component shows a list of events in chronological order. component

Tailwind CSS Components - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all...

Tailwind Pagination examples: Pagination is a group of buttons that allow the user to navigate between a set of related content. component

Tailwind CSS Components - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all...

Tailwind Mask examples: Mask crops the content of the element to common shapes. component

Tailwind Hover 3D Card examples: Hover 3D is a wrapper component that adds a 3D hover effect to its content. When we hover over the component, it tilts

Tailwind Toggle examples: Toggle is a checkbox that is styled to look like a switch button. component

How to use daisyUI themes?

Tailwind Join (group items) examples: Join is a container for grouping multiple items, it can be used to group buttons, inputs, etc. Join applies border

Tailwind CSS Components - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all...

daisyUI and Tailwind CSS MCP server to generate Tailwind CSS code, Convert Figma to Tailwind CSS

Feb 11, 2025 - Aight! Let’s go over the migration from Tailwind v3 to v4 and daisyUI v3 to v5 in a SvelteKit project, I’ll not go into a massive preamble h...

Tailwind Radio examples: Radio buttons allow the user to select one option from a set. component

daisyUI blog - Updates, ideas and resources

Tailwind CSS Components - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all...