Tailwind CSS
A Utility-First CSS Framework for Rapid UI Development
- Free • Open Source
- Self-Hosted
- CSS
...
Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit.
It doesn't have a default theme, and there are no built-in UI components.
On the flip side, it also has no opinion about how your site should look and doesn't impose design decisions that you have to fight to undo.
If you're looking for a framework that comes with a menu of predesigned widgets to build your site with, Tailwind might not be the right framework for you, which is why we have some alternatives.
But if you want a huge head start implementing a custom design with its own identity, Tailwind might be just what you're looking for.
Utility-first
Creating a framework for building custom UIs means you can't provide abstractions at the usual level of buttons, forms, cards, navbars, etc.
Instead, Tailwind provides highly composable, low-level utility classes that make it easy to build complex user interfaces without encouraging any two sites to look the same.
Component-friendly
While you can do a lot with just utility classes, sometimes a component class is the right decision.
Tailwind provides tools for extracting component classes from repeated utility patterns, making it easy to update multiple instances of a component from one place.
Responsive to the core
Every Tailwind utility also comes in responsive flavors, making it extremely easy to build responsive interfaces without ever leaving your HTML.
Tailwind uses an intuitive {screen}: prefix that makes it easy to notice responsive classes in your markup while keeping the original class name recognizable and intact.
Designed to be customized
If it makes sense to be customizable, Tailwind lets you customize it.
This includes colors, border sizes, font weights, spacing utilities, breakpoints, shadows, and tons more.
Tailwind is written in PostCSS and configured in JavaScript, which means you have the full power of a real programming language at your fingertips.
Tailwind is more than a CSS framework, it's an engine for creating design systems.
It doesn't have a default theme, and there are no built-in UI components.
On the flip side, it also has no opinion about how your site should look and doesn't impose design decisions that you have to fight to undo.
If you're looking for a framework that comes with a menu of predesigned widgets to build your site with, Tailwind might not be the right framework for you, which is why we have some alternatives.
But if you want a huge head start implementing a custom design with its own identity, Tailwind might be just what you're looking for.
Utility-first
Creating a framework for building custom UIs means you can't provide abstractions at the usual level of buttons, forms, cards, navbars, etc.
Instead, Tailwind provides highly composable, low-level utility classes that make it easy to build complex user interfaces without encouraging any two sites to look the same.
Component-friendly
While you can do a lot with just utility classes, sometimes a component class is the right decision.
Tailwind provides tools for extracting component classes from repeated utility patterns, making it easy to update multiple instances of a component from one place.
Responsive to the core
Every Tailwind utility also comes in responsive flavors, making it extremely easy to build responsive interfaces without ever leaving your HTML.
Tailwind uses an intuitive {screen}: prefix that makes it easy to notice responsive classes in your markup while keeping the original class name recognizable and intact.
Designed to be customized
If it makes sense to be customizable, Tailwind lets you customize it.
This includes colors, border sizes, font weights, spacing utilities, breakpoints, shadows, and tons more.
Tailwind is written in PostCSS and configured in JavaScript, which means you have the full power of a real programming language at your fingertips.
Tailwind is more than a CSS framework, it's an engine for creating design systems.
Show full description ▾
Tailwind CSS
Summary and Relevance
Our users have written 0 comments and reviews about Tailwind CSS, and it has gotten 4 likes
- Developed by Tailwind CSS
- Open Source and Free product.
- 80 alternatives listed
Popular alternatives
View allTop Tailwind CSS apps, plugins, extensions and add-ons
View allTailwind CSS was added to AlternativeTo by Graziella on Oct 16, 2018 and this page was last updated Mar 11, 2021.
Features Vote on or suggest new features
Comments and Reviews Post a comment / review all • positive • negative relevance • date
No comments or reviews, maybe you want to be first?Said about Tailwind CSS as an alternative
juls07 I love tailwind i was originally using bootstrap but i was eyeballing tailwind but tailwind 2.0 converted me its the best css framework but its not its a utility framework for css its different then bootstrap
Positive comment • 26 days ago • as an alternative to Bootstrap
Category
DevelopmentTags
- CSS / Stylesheets
- Web Design
- Web Development
- responsive-web-design
No screenshots yet
Tailwind CSS
Summary and Relevance
Our users have written 0 comments and reviews about Tailwind CSS, and it has gotten 4 likes
- Developed by Tailwind CSS
- Open Source and Free product.
- 80 alternatives listed
Popular alternatives
View allTop Tailwind CSS apps, plugins, extensions and add-ons
View allTailwind CSS was added to AlternativeTo by Graziella on Oct 16, 2018 and this page was last updated Mar 11, 2021.
Recent user activities on Tailwind CSS
- Gruak added Highly costomizable as a feature to Tailwind CSSGrabout 1 month ago
- Gruak liked Tailwind CSSGrabout 1 month ago
- inshilon liked Tailwind CSSin3 months ago