blox

Beautifully crafted Tailwind CSS UI components

9 followers

Beautifully crafted Tailwind CSS UI components

9 followers

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.

Free Options

Launch tags:Design Tools•Productivity•Developer Tools

Launch Team

Framer — Launch websites with enterprise needs at startup speeds.

Launch websites with enterprise needs at startup speeds.

Promoted

The Notion Templates

Maker

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 ✌️ )

Report

4yr ago

@haris_taqi Congrats! Any ETA on Svelte components and Material UI?

Report

4yr ago

The Notion Templates

Maker

@oscar_lito_m_pablo Super soon!

Report

4yr ago

Great product. And very easy to use 👌

Report

4yr ago

The Notion Templates

Maker

@uat_iintellect That was the goal. Glad you liked it

Report

4yr ago

Congratulations on the Launch. Can definitely see myself using this for my projects. Great Work

Report

4yr ago

The Notion Templates

Maker

@khan_omair Thanks for the kind words, I hope you like it, do share your feedback with me

Report

4yr ago

Nice collection of components there, Good work, will share my feedback after using the extension

Report

4yr ago

The Notion Templates

Maker

@afnan_khan1 Thanks a lot, Looking forward to it

Report

4yr ago

Awesome product, super excited to use it.

Report

4yr ago

The Notion Templates

Maker

@bilal_afzal1 Thanks a lot! I hope you like it

Report

4yr ago

Invoice Dashboard by Notion and Figma

AWESOME✨

Report

4yr ago

The Notion Templates

Maker

@karimsaif Thanks a lot

Report

4yr ago

Totally amazing...Something I was looking for so long !

Report

4yr ago

The Notion Templates

Maker

@kainat_zahra Thanks, I hope you enjoy using this extension

Report

4yr ago

1 2