What is web-ui-kit?

web-ui-kit is an open-source library of interactive components built on top of Tailwind CSS including buttons, dropdowns, modals, navbars, and more.

Is there a Figma file available?

web-ui-kit is first conceptualized and designed using the Figma software so everything you see in the library has a design equivalent in our Figma file.

Check out the Figma design system based on the utility classes from Tailwind CSS and components from web-ui-kit.

What are the differences between web-ui-kit and Tailwind UI?

The main difference is that the core components from web-ui-kit are open source under the MIT license, whereas Tailwind UI is a paid product. Another difference is that web-ui-kit relies on smaller and standalone components, whereas Tailwind UI offers sections of pages.

However, we actually recommend using both web-ui-kit, web-ui-kit Pro, and even Tailwind UI as there is no technical reason stopping you from using the best of two worlds.