Tailwind Elements

Bootstrap components recreated with Tailwind CSS, but with better design and more functionalities.

  1. 500+ UI components
  2. Super simple, 1 minute installation
  3. Free hosting
  4. MIT license - free for personal & commercial use

Explore components


Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus harum consequuntur alias quaerat excepturi temporibus nisi commodi, ex, ratione quae soluta! Saepe alias dolores dolorem assumenda totam?

Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus harum consequuntur alias quaerat excepturi temporibus nisi commodi, ex, ratione quae soluta! Saepe alias dolores dolorem assumenda totam?

Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus harum consequuntur alias quaerat excepturi temporibus nisi commodi, ex, ratione quae soluta! Saepe alias dolores dolorem assumenda totam?

Card header
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus harum consequuntur alias quaerat excepturi temporibus nisi commodi, ex, ratione quae soluta! Saepe alias dolores dolorem assumenda totam?

Card footer










Attention needed

Make sure you know how these changes affect you.



Success

Your account was registered!

Info

This channel archived by the owner!

Warning

Your image size is too large!

Error

Your email is already used!





Line chart
Bar chart
Hello! Hello! Hello! A Hello! Hello! Hello! Hello! Hello! Hello!


Hello Hello Hello A Hello Hello Hello

Task in progress
0%

Task in progress
50%
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
  • 1 step1
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • 2 step2
    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  • 3 step3
    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  • 1 step1
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • 2 step2
    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  • 3 step3
    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Name Title Status Role Edit
Flora Wu
flora.wu@example.com
Software engineer
IT
Active Admin Edit
Nida Povey
nida.povey@example.com
CMO
Marketing
Active Member Edit
Warren Nixon
warren.nixon@example.com
Designer
UI/UX
Active Owner Edit

-- Content of your page --

Tab 1 content
Tab 2 content
Tab 3 content
Tab 4 disabled

Tab 1 content vertical
Tab 2 content vertical
Tab 3 content vertical

Tab 1 content
Tab 2 content
Tab 3 content
Tab 4 content
Checkboxes
Radio Buttons

We'll never share your email with anyone else.