building cool stuff!!

leetcode

github

projects

Megh Bari  • Peerlist

<h3>Next Theme Toggle – Add Dark/Light Mode to Next.js in Seconds! If you've ever manually set up dark/light theme toggling in a Next.js project, you know it can be a bit of a hassle. especially when dealing with Tailwind CSS configs, theme providers, and responsive styles. So I built a CLI that does it all for you in seconds. </h3>A CLI tool next-theme-toggle is a zero-config CLI that sets up dark/light theme toggling in your Next.js + Tailwind CSS v4 project — in just one command.What it does: <ul><li>Auto-detects your Next.js project structure </li><li>Adds next-themes + lucide-react </li><li>Installs or upgrades to Tailwind CSS v4 </li><li>Injects ready-made components (ThemeToggle, Header, ExampleCard) </li><li>Smooth transitions &amp; system theme detection </li><li>Supports both JS &amp; TS </li><li>Non-destructive and zero config</li></ul>Landing Page: <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://next-theme-toggle.megh.me">https://next-theme-toggle.megh.me</a>NPM: <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://www.npmjs.com/package/next-theme-toggle">https://www.npmjs.com/package/next-theme-toggle</a>GitHub: <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/megh-bari/next-theme-toggle">https://github.com/megh-bari/next-theme-toggle</a>Issues &amp; PRs welcome! Let’s keep this focused, simple, and useful for the whole Next.js + Tailwind community. Give it a try &amp; let me know what you think!Would love feedback, ideas, and contributions from the community! If it helps, feel free to give it a ⭐ and share with other Next.js devs. If you try it and it works well awesome. If it breaks something — let me know (it already gave me enough debugging pain)

Next Theme Toggle - Fast Theme Setup for Next.js

<h3>BoilerKit – Instantly Insert Boilerplate Code in VS Code</h3>BoilerKit is a VS Code extension that helps you skip the boring part — writing boilerplate code again and again.&gt; What is BoilerKit? It’s a simple VS Code extension that helps you start coding faster by inserting ready-to-use boilerplate for: C, C++, JS/TS and more… &gt; Features:<ul><li>Zero config</li></ul><ul><li>One trigger → one enter key → done</li></ul><ul><li> Great for scripting, dev setup, and competitive programming</li></ul>- Install it! - Just type cppboiler, jsboiler etc. - Done<a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://marketplace.visualstudio.com/items?itemName=megh.BoilerKit">🔗 Marketplace: </a><a target="_blank" rel="noopener" class="break-all link-break text-gray-500 hover:underline" href="https://marketplace.visualstudio.com/items?itemName=megh.BoilerKit">BoilerKit Extension</a><a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://marketplace.visualstudio.com/items?itemName=megh.BoilerKit"> 🌐 Live Demo / Site: boilerkit.megh.me</a> &gt; Want to contribute? BoilerKit is open-source and supports community snippets. If you’ve got a snippet you always use — PR it in! GitHub: <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/megh-bari/boilerkit">Contribute Here</a>Would love your feedback and support! And yes, it’s my first extension — so any love is appreciated ❤️

BoilerKit

<h3>Pattern Craft - Modern Background Patterns &amp; Gradients</h3>Tired of boring, plain white backgrounds? So was I. That’s why I built Pattern Craft — a curated collection of modern background patterns, gradients, and glow effects designed to bring ✨vibes✨ to your websites and apps.Built for developers and designers who care about aesthetic, speed, and simplicity.⚡ Why Pattern Craft?I wanted a tool that combines:<ul><li> Clean, minimal designs</li><li> A fast preview + copy workflow</li><li> Tailwind CSS compatibility</li><li> All-in-one: patterns, gradients, glows</li></ul>Inspired by tools like <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="http://bg.ibelick.com">bg.ibelick.com</a>, but with a fresh take focused on flexibility and ease of use.⚡ Features<ul><li> Live Preview of every background</li><li> One-click Copy (CSS + Tailwind-ready)</li><li> Lightweight and fully responsive</li><li> Open Source and contribution-friendly</li><li> Designed to plug right into Tailwind CSS projects</li></ul>🌟 Try it nowVisit: <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://pattern-craft.vercel.app/">pattern-craft.vercel.app</a> Contribute: <a target="_blank" rel="noopener" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/megh-bari/pattern-craft">GitHub Repo</a>Whether you're crafting landing pages, dashboards, or portfolios — Pattern Craft saves you time and helps you ship beautiful UIs faster. Would love your thoughts, feature ideas, or PRs! 🚀