Tailwind CSS Empty States

Use these Tailwind CSS empty state components to gracefully handle scenarios where no data is available, guiding users towards the next steps or actions to take. These components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Simple

Get the code

With dashed border

Get the code

With starting points

Get the code

With recommendations

Get the code

With templates

Get the code

With recommendations grid

Get the code