Resources & Assets
We think Tailwind is an amazing CSS framework, but you need more than just a CSS framework to produce visually awesome work.
Here are some resources that can help you take your Tailwind projects to the next level.
Learning design
Refactoring UI
Refactoring UI is a design-for-developers book + video series put together by Adam Wathan (that's me, the creator of Tailwind) and Steve Schoger (who created Tailwind's default design system).
It covers literally everything we know about making things look awesome, and purchasing it is a great way to support our work on Tailwind, allowing us to spend more time developing the framework and surrounding ecosystem.
Almost 10,000 people have picked it up so far and have all sorts of awesome things to say about how it helped them improve their work.
Learn more about Refactoring UI →
Images and illustrations
Unsplash
Unsplash is an amazing resource for finding beautiful, high-resolution, free photos that you can use in your projects.
We use Unsplash any time we need example photos in the documentation, like for our card components.
Find free photography on Unsplash →
unDraw
unDraw is like Unsplash but for amazing vector illustrations, created by the amazing Katerina Limpitsouni.
They're easy to customize and perfect for landing pages, empty states, and more.
Find free illustrations on unDraw →
Icons
Heroicons
Heroicons is a free SVG icon set created by Steve Schoger. They're pre-optimized and easy to use directly in your HTML where you can customize them using Tailwind's color and sizing utilities.
Zondicons
Zondicons is another free SVG icon set by Steve Schoger drawn in a different style.
Entypo
Entypo is a great free SVG icon set created by Daniel Bruce.
Background patterns
Hero Patterns
Hero Patterns is a set of repeatable, customizable SVG background patterns, also created by Steve Schoger. They're perfect for adding a little bit of excitement to an otherwise bland background, without all the weight of a raster format like JPG or PNG.
