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.
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 ✌️ )
Invoice Dashboard by Notion and Figma