DEV Community

Soft Heart Engineer
Soft Heart Engineer

Posted on

3 1

Learn Tailwind CSS By Building Some Cool Projects

Checkout this repo! Preview

Tailwind CSS POC Tailwind CSS

Version Notes

npm 10.8.3
node 20.17.0
tailwind 3.4.13
Enter fullscreen mode Exit fullscreen mode

Mini Projects/Components


Email Subscribe Card

Email Subscribe Card


Pricing Grid

Pricing Grid


Product Modal

Product Modal


Image Gallery

Image Gallery


Login Modal

Login Modal


Testimonial Grid (Design Reference - Frontend Mentor Challenge)

Testimonial Grid


Clipboard Website (Design Reference - Frontend Mentor Challenge)

Clipboard Website


LoopStudios Website (Design Reference - Frontend Mentor Challenge)

Clipboard Website





Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay