p/blox-2
Beautifully crafted Tailwind CSS UI components
Haris Taqi
blox — Beautifully crafted Tailwind CSS UI components
Featured
19
blox is a VS Code extension that enables developers to build Tailwind CSS UIs in record time. 1500+ Accessible, Cross-browser, and Responsive components available with support for Angular, React, Vue, Alpine, Svelte, and Laravel.
Replies
Kim Salmi
Perfect! 🤩
Haris Taqi
@infr Glad you liked it
Haris Taqi
Hi Product Hunt Fam! 🧠 Inception: I started using Tailwind CSS a couple of years ago & I fell in love with the ease and seamlessness of this Framework. As our clientele grew, we gave more than a couple of UI kits/libraries (for Tailwind CSS) a shot and we were able to manage quicker hand-offs. As time passed, I started pondering over the fact that we were spending excessive time switching over windows, setting up the projects, and applying configs for all the UI components we were using. 💡 Ideation: Then one day in the midst of a caffeine rush, I had a crazy yet simple idea, what if I could skip the copy-pasting and just do everything where I spend most of my time. I ran some ideas over with my team in the next Monday's meeting. And then, blox was born. A one-of-its-kind VS Code extension where you have the library of UI components in the form of code blocks. ✅ Execution: Every part of blox is aimed at reducing the time it takes for you to set up the base for your projects. Hence, with blox, you actually spend your time where it matters the most. Most importantly, blox supports multiple frameworks. We’ve added support for Tailwind CSS, React, Angular, and Vue in this release. But it doesn’t end here, we’re working on taking things to the next level with support for more frameworks like Alpine, Svelte, Material UI, Bootstrap, and Laravel. Features: 🔥 1500+ carefully curated TailwindCSS UI Code Snippets 👨‍💻 Dev Essentials UI Kit 🖥 Web Application UI Kit 🛍 Ecommerce UI Kit 📢 Marketing UI Kit 📱 Fully Responsive 👁‍🗨 WCAG Accessible 🌐 Cross-browser Tested Frameworks & Libraries: - JS Frameworks: React, Angular, & Vue (Alpine.js, Svelte, & Laravel coming soon) - CSS Library: Tailwind CSS (Bootstrap & Material UI coming soon) I’m super excited to share something that I use every day myself and I hope that you guys will share your thoughts/feedback after giving blox a shot. Happy Developing! ❤️ (and don't forget to avail the Exclusive Product Hunt Launch Discount if you decide to boost your productivity ✌️ )
Oscar Lito M Pablo
@haris_taqi Congrats! Any ETA on Svelte components and Material UI?
Sheharyar khan
Great product. And very easy to use 👌
Haris Taqi
@uat_iintellect That was the goal. Glad you liked it
Afnan Khan
Nice collection of components there, Good work, will share my feedback after using the extension
Haris Taqi
@afnan_khan1 Thanks a lot, Looking forward to it
Sahil Pednekar
Astonishing collection, can't wait to use them!
Haris Taqi
@sahil639 Thanks a lot! Do share your feedback with me
Abu SHERWANI
Congratulations on the Launch. Can definitely see myself using this for my projects. Great Work
Haris Taqi
@khan_omair Thanks for the kind words, I hope you like it, do share your feedback with me
Kainat Zahra
Totally amazing...Something I was looking for so long !
Haris Taqi
@kainat_zahra Thanks, I hope you enjoy using this extension
Bilal Afzal
Awesome product, super excited to use it.
Haris Taqi
@bilal_afzal1 Thanks a lot! I hope you like it