What is TW Elements?

TW Elements is a huge free collection of open source UI components, templates, sections & plugins for Tailwind CSS. Features dark mode and theming customization options.

Features

Top quality open-source UI Kit

• 500+ UI components
• Super simple, 1 minute installation
• Easy theming and customization
• Free hosting

Key components that will save your time

A collection of stunning components made with attention to the smallest details. Forms, cards, buttons, and hundreds of others – in Tailwind Elements you will find all the essential elements necessary for every project.

Easy theming

With TW Elements, adding a dark mode to your project is child's play. Using tailwind's classes in combination with a dark variant you can easily integrate any website with two themes. We have included the dark theme variant by default in all our components!

In addition, as in any tailwind project, it is possible to customize the default theme by overwriting project's color palette, type scale, fonts, breakpoints, border radius values, and more via tailwind.config.js configuration file.

A design system that will make your projects stand out

Tired of the default Material Design, but still want to use the potential of a Google standard? The TW Elements design system, called Material Minimal, is the perfect choice for you – it combines the best of Material Design, but adds subtlety, elegance and a unique taste to it.

Customize whatever you want

Components, navigation, forms – TW Elements provides an easy-to-use API that allows you to customize everything according to your needs and taste.

We enable class customization of all elements nested inside advanced components. The same goes for options and even icons. We give full freedom to choose a set of icons in the project. You can even select several different libraries and our components will display any icon easily.

Community support

Our source code is publicly available, as is project management. We are grateful for every submitted issue or feature request. Thanks to this, we can constantly develop and improve the quality of our UI KIT, together with you!