Tailwind UI (Application UI + Marketing + E-Commerce Addon) v4.3
View hidden content is available for registered users!
Latest Version
View hidden content is available for registered users!
Changelogs: Catalyst UI kit Added
Tailwind CSS v4.0 is an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.
Start using Tailwind CSS v4.0 today by , or playing with it directly in the browser on .
- — where full builds are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.
- — built on cutting-edge CSS features like cascade layers, registered custom properties with @property, and color-mix().
- — fewer dependencies, zero configuration, and just a single line of code in your CSS file.
- — tight integration for maximum performance and minimum configuration.
- — all of your template files are discovered automatically, with no configuration required.
- — no additional tooling necessary to bundle multiple CSS files.
- — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
- — all of your design tokens exposed as native CSS variables so you can access them anywhere.
- — stop guessing what values exist in your spacing scale, or extending your configuration for things like basic data attributes.
- — a redesigned, more vivid color palette that takes full advantage of modern display technology.
- — first-class APIs for styling elements based on their container size, no plugins required.
- — transform elements in 3D space directly in your HTML.
- — radial and conic gradients, interpolation modes, and more.
- — a new variant you can use to create enter and exit transitions, without the need for JavaScript.
- — style an element only when it doesn't match another variant, custom selector, or media or feature query.
- — including support for color-scheme, field-sizing, complex shadows, inert, and more.
For existing projects, we've published a comprehensive and built an to get you on the latest version as quickly and painlessly as possible.
View hidden content is available for registered users!
Changelogs: Catalyst UI kit Added
Tailwind CSS v4.0 is an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.
Start using Tailwind CSS v4.0 today by , or playing with it directly in the browser on .
- — where full builds are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.
- — built on cutting-edge CSS features like cascade layers, registered custom properties with @property, and color-mix().
- — fewer dependencies, zero configuration, and just a single line of code in your CSS file.
- — tight integration for maximum performance and minimum configuration.
- — all of your template files are discovered automatically, with no configuration required.
- — no additional tooling necessary to bundle multiple CSS files.
- — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
- — all of your design tokens exposed as native CSS variables so you can access them anywhere.
- — stop guessing what values exist in your spacing scale, or extending your configuration for things like basic data attributes.
- — a redesigned, more vivid color palette that takes full advantage of modern display technology.
- — first-class APIs for styling elements based on their container size, no plugins required.
- — transform elements in 3D space directly in your HTML.
- — radial and conic gradients, interpolation modes, and more.
- — a new variant you can use to create enter and exit transitions, without the need for JavaScript.
- — style an element only when it doesn't match another variant, custom selector, or media or feature query.
- — including support for color-scheme, field-sizing, complex shadows, inert, and more.
For existing projects, we've published a comprehensive and built an to get you on the latest version as quickly and painlessly as possible.
View hidden content is available for registered users!
Tailwind CSS v4.0 is an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.
Start using Tailwind CSS v4.0 today by , or playing with it directly in the browser on .
- — where full builds are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.
- — built on cutting-edge CSS features like cascade layers, registered custom properties with @property, and color-mix().
- — fewer dependencies, zero configuration, and just a single line of code in your CSS file.
- — tight integration for maximum performance and minimum configuration.
- — all of your template files are discovered automatically, with no configuration required.
- — no additional tooling necessary to bundle multiple CSS files.
- — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
- — all of your design tokens exposed as native CSS variables so you can access them anywhere.
- — stop guessing what values exist in your spacing scale, or extending your configuration for things like basic data attributes.
- — a redesigned, more vivid color palette that takes full advantage of modern display technology.
- — first-class APIs for styling elements based on their container size, no plugins required.
- — transform elements in 3D space directly in your HTML.
- — radial and conic gradients, interpolation modes, and more.
- — a new variant you can use to create enter and exit transitions, without the need for JavaScript.
- — style an element only when it doesn't match another variant, custom selector, or media or feature query.
- — including support for color-scheme, field-sizing, complex shadows, inert, and more.
For existing projects, we've published a comprehensive and built an to get you on the latest version as quickly and painlessly as possible.
View hidden content is available for registered users!
Tailwind CSS v4.0 is an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.
Start using Tailwind CSS v4.0 today by , or playing with it directly in the browser on .
- — where full builds are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.
- — built on cutting-edge CSS features like cascade layers, registered custom properties with @property, and color-mix().
- — fewer dependencies, zero configuration, and just a single line of code in your CSS file.
- — tight integration for maximum performance and minimum configuration.
- — all of your template files are discovered automatically, with no configuration required.
- — no additional tooling necessary to bundle multiple CSS files.
- — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
- — all of your design tokens exposed as native CSS variables so you can access them anywhere.
- — stop guessing what values exist in your spacing scale, or extending your configuration for things like basic data attributes.
- — a redesigned, more vivid color palette that takes full advantage of modern display technology.
- — first-class APIs for styling elements based on their container size, no plugins required.
- — transform elements in 3D space directly in your HTML.
- — radial and conic gradients, interpolation modes, and more.
- — a new variant you can use to create enter and exit transitions, without the need for JavaScript.
- — style an element only when it doesn't match another variant, custom selector, or media or feature query.
- — including support for color-scheme, field-sizing, complex shadows, inert, and more.
For existing projects, we've published a comprehensive and built an to get you on the latest version as quickly and painlessly as possible.
Donate $10 to get download link! PM @Nicole for payment details or pay using donation link.If you want to get future updates too $5 needs to pay extra.
Those who have donated With future update option already can request new update for free of cost.
New content section, footers, and feature sections
We just added five new marketing blocks, inspired by some of the ideas we designed for our recent .
New pricing table example
We just added a huge new pricing section example, with fancy glass pricing cards, a logo cloud, and a full feature comparison table that automatically cleverly switches to tabs on mobile.
Donate $10 to get download link! PM @Nicole for payment details or pay using donation link.If you want to get future updates too $5 needs to pay extra.
Those who have donated With future update option already can request new update for free of cost.
New content section, footers, and feature sections
We just added five new marketing blocks, inspired by some of the ideas we designed for our recent .
New pricing table example
We just added a huge new pricing section example, with fancy glass pricing cards, a logo cloud, and a full feature comparison table that automatically cleverly switches to tabs on mobile.
Donate $10 to get download link! PM @Nicole for payment details or pay using donation link.If you want to get future updates too $5 needs to pay extra.
Those who have donated With future update option already can request new update for free of cost.
We just added a brand new category to our collection of marketing components, with three beautifully designed examples to get you started.
These seem to be all the rage right now, and they work great as feature sections on a marketing site.
Give them a shot in your next project — we've designed them with customization in mind, making it really easy to swap out the graphics with your own screenshots without having to sweat all the details yourself.
Donate $10 to get download link! PM @Nicole for payment details or pay using donation link.If you want to get future updates too $5 needs to pay extra.
Those who have donated With future update option already can request new update for free of cost.
We just added a brand new category to our collection of marketing components, with three beautifully designed examples to get you started.
These seem to be all the rage right now, and they work great as feature sections on a marketing site.
Give them a shot in your next project — we've designed them with customization in mind, making it really easy to swap out the graphics with your own screenshots without having to sweat all the details yourself.
Donate $10 to get download link! PM @Nicole for payment details or pay using donation link.If you want to get future updates too $5 needs to pay extra.
Those who have donated already can request new update for free of cost.
Improved compatibility with React Server Components
The React examples in Tailwind UI are now easier to use with React Server Components (RSC).
Server components don't support passing functions as props, so anywhere we did that in Tailwind UI you'd need to make the parent a client component, even when that component had no actual interactivity.
Using the new data-* state attributes in Headless UI v2.0, we were able to remove all of the render props that we were using to conditionally apply different classes based on the state of the component.
We've also updated any components that do need to be client components to include 'use client' at the top of the example, so you can copy and paste them into your RSC project and they'll work right away.