A weeb who is programmer.

substack

productHunt

github

projects

Saksham Kushwaha  • Peerlist

So I've been using shadcn for past 1-2 years at this point but, it can't be denied that it comes with friction. One of such friction that I encountered was in their cli. It's very tedious to just add components, you have to go like shadcn@latest add button card and whatnot every time. And basically that's the reason compadcn exists, it's a wrapper over shadcn-cli, in which you don't have to write the component, you can just use interactive menus to access everything.It comes with 4 commands as of now<ul><li>`add` - which allows you to add components just as shadcn-cli but with an interactive menu </li><li>`lint` - a command that is for people who up until this point used `--all` flag to install every component just so they can avoid friction. It lists all the unused components in your project and allows you to remove them</li><li>`remove` - something which I find lovely to use as not only it delete the component file, but also removes it's import from every file and gives you the option to delete it's dependency too without any effort. </li><li>`preset` - this is a command that consists of 5 sub commands to manage preset. Presets are the list of components that you can install with just one line. For example you have 12 components that you install every time you begin a project, instead of doing `shadcn@latest add ..... ` you can just create a preset out of it and do `preset install preset_name` and voila all the components installed in 1 swoop By default compadcn comes with 9 built presets and you can create your custom ones too. </li></ul>This project was built under a week so bugs are expected so if you find any kindly report them on <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/lirena00/compadcn">github</a> . If you liked the project your stars over there would also be appreciated :)I also prepared this <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://youtu.be/uCViZ5Ch4Qs">launch day video</a> that I uploaded over youtube, it also includes demo so you can also visit that if you find any issues.

Compadcn

Monochromate is a simple yet powerful browser extension designed to reduce screen time, improve focus, and enhance accessibility by applying a grayscale filter to web pages. By removing distracting colors, it encourages mindful browsing and helps users regain control of their digital habits. Benefits: <ul><li>Reduce Screen Time – Studies show that grayscale mode makes screens less stimulating, helping you spend less time on distracting websites.</li><li>Boost Productivity &amp; Focus – A color-free interface minimizes visual clutter, allowing you to concentrate better on tasks.</li><li>Reduce Eye Strain – Some users find grayscale mode easier on the eyes, especially during long browsing sessions.</li></ul> Key Features: <ul><li>One-Click Toggle – Easily enable or disable grayscale mode.</li><li>Adjustable Intensity – Fine-tune the level of grayscale to match your preference.</li><li>Website Blacklist – Keep specific websites in color while applying grayscale everywhere else.</li><li>Minimal and User-Friendly Interface – A sleek, modern design for seamless use.</li></ul>External Links:<ul><li><a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/lirena00/monochromate">Github</a></li></ul><ul><li><a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://chromewebstore.google.com/detail/monochromate/hafcajcllbjnoolpfngclfmmgpikdhlm">Chrome Web Store </a></li><li><a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://addons.mozilla.org/en-US/firefox/addon/monochromate/">Firefox Addons</a></li></ul>

Monochromate

Newsense is a news aggregator that provides you with the latest news from various sources without any nuisance and use Gemini to summarize the news into just 5 points so that you don't have to read non sense stuff.

Newsense

Absurd Expansions is a fun and creative repository dedicated to providing hilariously absurd expansions for commonly used programming-related acronyms. It also have an api so you can access also use it for your projects.Why I made this?Because apparently there is something similar to this npm expansions but then don't accept PRs anymore so just made mine ;&gt; although of course it's not just for "npm" but every acronym out there.API endpoint : <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="http://absurd-expansions.vercel.app/random">absurd-expansions.vercel.app/random</a>Yea these are few of the examples of it, while you can also contribute to it, actually would be helpful because not much of absurd expansions are in there. <ul><li>PIP: Penguins In Pajamas</li><li>NPM: Nahi Pata Mujhe</li><li>API: Antelopes Performing Incantations</li></ul>

Absurd Expansions

Odash: Your New Tab, Your Way!Transform your new tab into a personalized dashboard with Odash. Customize it with widgets, colors, background blurs, themes, and wallpapers to match your unique style.✨ Features:<ul><li>Custom Widgets: Add and arrange todos, countdowns, notes, search bar, clock, and website links, and many more yet to come.</li><li>Themes &amp; Colors: Choose from a variety of themes and custom colors to make your new tab pop.</li><li>Backgrounds: Use stunning wallpapers and background blurs for a beautiful browsing experience.</li><li>Personalized Layout: Arrange everything exactly how you like it for a productive and stylish new tab.</li><li>AI Assitance: AI Assistance to guide you with anything if you are feeling lost.</li></ul>Take control of your browsing experience and make your new tab page truly yours with Odash.(PS: I was not able to add much of ai feature because of several reasons so it might very well get discarded but aight :) )

Odash

Animood is designed to suggest anime based on your mood, whether you are happy, sad, excited or anything in between animood has got you covered with it's recommendation. Watching any content with the right mood enhances the experience is what I feel so I made Animood.

Animood

Unleashing the world of waifus in a TikTok-inspired exploration platform, showcasing my proficiency in Next.js, React.js, and Tailwind CSS.
https://aishiteru.lirena.in/

Aishiteru

A Black Clover Discord rpg bot made using discord.py with integration of database.

Clover Bot

my personal/portfolio website showcasing my projects, skills, and also featuring substack articles of mine.the source code is open source at <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/lirena00/lirena.in">https://github.com/lirena00/lirena.in</a>I rewrote this website recently and along with the ui/ux changes I also migrated from next 14 to next 15 app router.