Collection of UI Elements for Tailwind CSS

Copy and use the HTML below and use it on any Tailwind project. Any plugins used will be mentioned in the element's code as a comment. Only config change is the use of Inter as the default font.

Back

Avatar

Basic

PJ

Image

Name

PJ
PJ
PJ
PJ
PJ
PJ
PJ
PJ
PJ

Placeholder

Rounded Image

Rounded Name

PJ
PJ
PJ
PJ
PJ
PJ
PJ
PJ
PJ

Rounded Placeholder

Image with Indicator

Name with Indicator

PJ
PJ
PJ
PJ
PJ
PJ
PJ
PJ
PJ

Placeholder with Indicator

Rounded Image with Indicator

Rounded Name with Indicator

PJ
PJ
PJ
PJ
PJ
PJ
PJ
PJ
PJ

Rounded Placeholder with Indicator