I created this repository to help you learn and practice your skills in Tailwind CSS.
Feel free to fork, clone, or share it with your friends if you find it useful.
Don't forget to give it a star too 💫 😉
Happy learning. Happy coding!
This section contains resources that can help you take your Tailwind CSS skills to the next level. Most components here have been created using the concepts of CSS Flexbox and Grid, and as such, the resources below will help you polish your skills in these concepts and more.
- Level Up with Tailwind CSS - eBook
- Complete Guide to CSS Flex and Grid - eBook
- Tailwind Play - Playground to practice Tailwind CSS
- Tailwind CSS Docs - Official Tailwind CSS Docs
| Component | Description | Level |
|---|---|---|
| Team Profile | Profile cards for Team members on team section. | Beginner |
| Site Header | A responsive site header you can customize and use in your project. | Beginner |
| Delete Account Modal | Delete Modal Account Confirmation. | Beginner |
| Social Media Profile View | Social Media Profile Preview card. | Beginner |
| Virtual Wallet Balance | Virtual Wallet Balance card. | Beginner |
| Social Media Profile View - LinkedIn | A social media profile card similar to that of LinkedIn. | Beginner |
| Send Message | Send Message component similar to that of Facebook. | Beginner |
| Upload images | Upload images with preview of uploaded images. | Beginner |
| Upload documents | Upload documents component with progress indicator. | Beginner |
| Upload files | Upload files with preview of uploaded files,with a progress indicator | Beginner |
| Set Reminder | Set reminder calendar component | Beginner |
| 3 colors pricing table | Responsive, and customizable pricing page | Intermediate |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent