Resources & Assets

Useful resources and assets for Tailwind users.


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.

For Tailwind CSS brand assets and usage guidelines, please visit our Brand page.


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).

Learn more about Refactoring UI

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.

Find free photography on Unsplash

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.

Find free illustrations on unDraw

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.

Get Heroicons

Get Heroicons

Zondicons

Zondicons is another free SVG icon set by Steve Schoger drawn in a different style.

Get Zondicons

Get Zondicons

Entypo

Entypo is a great free SVG icon set created by Daniel Bruce.

Get Entypo

Get Entypo


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.

Get free background patterns at Hero Patterns

Get free background patterns at Hero Patterns

Tailwind UI is now in early access!