Tailwind card css components

Tailwind css free card components are created only with tailwindcss 3, you no need to connect any js or other libraries, just copy the code and put it to your own project.

List of bullet points gap

Show the code
Copy to clipboard
10.2K
Followers
Lorem ipsum is placeholder text commonly used.
250+
Photos
Lorem ipsum is placeholder text commonly used.
25
Videos
Lorem ipsum is placeholder text commonly used.

Bar chart Horizontal

Show the code
Copy to clipboard
Tasks
Done
In work
Craig Caldwell
6
6
Suzanne Ferguson
2
2
Shelly Knight
4
2
Darryl Reyes
4
4
Steven Kim
10
2
Orders
Pending
Confirmed
Sneakers 1
250
250
Sneakers 2
300
100
Sneakers 3
250
100
Sneakers 4
250
100
Sneakers 5
100
100

Bar chart vertical

Show the code
Copy to clipboard
Followers
437
1000
500
0
mon
tue
wed
thu
fri
sat
sun
Photos
34
100
50
0
mon
tue
wed
thu
fri
sat
sun
Videos
10
50
25
0
mon
tue
wed
thu
fri
sat
sun