Burak Karakan

Browser Extension Template - Zero to run in browser in 30 second, with Vue & TailwindCSS.

This is a simple starter kit for browser popup extensions using Vue, TailwindCSS, Webpack, Vuex, VueRouter, auto-build on code change and more. You can start focusing on your extension instead of build setup and the libraries, focus on what matters.

Add a comment

Replies

Best
Burak Karakan
Hi Product Hunters! This is a simple starter kit for browser popup extensions using Vue, TailwindCSS, Webpack and more: - Built with Vue.js. ๐Ÿš€ - TailwindCSS as the CSS framework. ๐Ÿ’„ - Vue Router for SPA support. ๐Ÿงจ - Vuex for state management. ๐Ÿ’ก - Webpack & PostCSS for the build system. ๐Ÿ— - PurgeCSS to optimize CSS to have only the used classes in the production build. ๐Ÿ‘Œ - Automatically watches changes and builds code in development mode. โšก๏ธ - Automatically builds the ZIP file to be uploaded to Chrome and Firefox stores for the production build. ๐Ÿ“ฆ Thanks to this template, you'll save hours of your work for a very small price: - no need to find the most up-to-date libraries and get them to work together. - no need to build integration to have an optimized build. - no need to try to set up Tailwind and Vue. - no need to spend hours getting auto-building working. - no need to optimize the CSS. As a developer myself, I have found myself doing the same setup over and over again, installing the same libraries, trying to write the same glue code repeatedly. The most frustrating part is, even though I have done it many times to this day and I know exactly what to do, I always lose at least 2 hours on setting these up because of small changes here and there in the installation processes, and I felt like having a template with this modern setup would allow me to get up and going in no-time. I have built this template for myself first and also made it available for purchase for such a small price so that everyone can utilize it while I can maintain it too. I kept the minimum price on $5 so that everyone can afford it because our time is much more valuable than that and saving a couple of hours working on this will pay itself ten times, and I have also enabled additional payments if you'd like to support my work. All the feedback is welcome! Stay safe throughout these interesting times! โœŒ๏ธ Burak