Google Certified – UI/UX Designer

projects

dribbble

gumroad

github

devto

productHunt

Prashanth ks  • Peerlist

Full stack developer/ LLM engineer

A front-end developer skilled in TypeScript, React focused on crafting efficient and user-friendly web applications.

Introducing AstroAnimate ⚡The first dedicated animation library built specifically for Astro.AstroAnimate helps developers add smooth, production-ready animations to Astro sites without fighting complex setup or unnecessary runtime overhead.Why we built itAdding animations in Astro usually means:<ul><li>stitching together multiple libraries</li><li>handling View Transitions manually</li><li>balancing performance vs visual polish</li><li>writing repetitive animation code</li></ul>We wanted an approach that feels native to Astro.What AstroAnimate focuses on<ul><li>Zero-JS defaults where possible</li><li>Astro-first architecture</li><li>View Transitions compatibility</li><li>Motion, GSAP, and AOS integrations</li><li>Performance-focused components</li><li>TypeScript support</li><li>Open source</li></ul>Included in the launch<ul><li>AnimatedButton</li><li>AnimatedCard</li><li>ExpandableCard</li><li>FadeInText</li><li>GlassCard</li><li>Loader</li><li>ProgressBar</li><li>RevealImage</li><li>ScaleIn</li><li>Tooltip</li><li>TypewriterText</li></ul>Built for<ul><li>Portfolio developers</li><li>Agencies shipping Astro websites</li><li>Marketing sites</li><li>Documentation platforms</li><li>SaaS landing pages</li></ul>This is just the beginning.We’re building AstroAnimate in public and would genuinely love feedback from the Astro community.→ <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://www.astroanimate.com/docs/">View docs</a> → <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://www.astroanimate.com/docs/all-components/">Browse components</a> → <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/astroanimate/astroanimate">Star us on GitHub</a>#Astro #opensource #webdev

AstroAnimate — Animation Library for Astro

Hey everyone 👋I recently built a small web app called FuelImpact.The idea came from a simple realization — most people calculate fuel cost, but don’t actually understand how much of their income it consumes.So I built a tool that:<ul><li>Calculates daily, monthly, yearly fuel cost</li><li>Shows % of income spent on fuel</li><li>Helps visualize the real financial impact</li></ul>👉 <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://fuel-impact.vercel.app/">https://fuel-impact.vercel.app/</a>I shared this on Reddit and got some interesting feedback — a few people said the “% of income” part was eye-opening, which made me realize this might be more useful than I expected.I’m currently exploring this as a micro SaaS + SEO experiment.Would love your thoughts on:<ul><li>What features would make this more useful?</li><li>Would you personally use something like this regularly?</li></ul>Planning next:<ul><li>EV vs petrol comparison</li><li>Commute-based calculation</li><li>Cost-saving suggestions</li></ul>Thanks 🙌

Fuel Cost Calculator - Free tool

<a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="http://ParityCalculator.com">ParityCalculator.com</a> is a powerful and easy-to-use web application that offers two key tools — a PPP Calculator and a Buying Power Calculator — designed to help users make smarter financial decisions by understanding the value of money across time and geography.🔸 The Purchasing Power Parity (PPP) Calculator allows you to compare the cost of living between different countries, helping remote workers, travelers, and global professionals understand how far their income will go in another country. Whether you're moving abroad, negotiating remote salaries, or just curious about global economics, our PPP tool gives you instant insights.🔸 The Buying Power Calculator helps users understand how inflation has impacted the value of money over time. You can compare what a certain amount of money was worth in the past vs. today, making it a valuable tool for budgeting, investing, historical analysis, or even classroom learning.🎯 Purpose &amp; Vision: We built this project to empower individuals, students, economists, and global workers with accessible financial data that is often difficult to visualize. Whether you're comparing salaries, tracking inflation, or planning travel, Parity Calculator gives you data you can trust — instantly and for free.💡 Built With:<ul><li>Frontend: HTML, CSS, JavaScript</li><li>Backend: Node.js</li><li>Hosted on: Hostinger</li><li>Designed in: Figma</li></ul>📈 Why it matters: With global work and digital nomadism on the rise, understanding purchasing power and inflation is more important than ever. <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="http://ParityCalculator.com">ParityCalculator.com</a> bridges this knowledge gap with a fast, clean, and user-friendly interface that works on all devices.

Parity Calculator (Purchasing Power Parity)

Code Difference Checker Quickly compare two pieces of code and spot the differences instantly! 🚀 Whether you're reviewing changes or debugging, this simple and fast tool helps you identify code updates side-by-side, saving you time and effort.

Code difference checker

Have you ever wondered how well you and your crush match? Well, now you can find out with my Love Calculator! I built this simple yet fun tool as a practice exercise and decided to host it on GitHub for everyone to enjoy. How It WorksUsing the Love Calculator is super easy:<ol><li>Enter your name and your partner’s name.</li><li>Click the Calculate button.</li><li>Get a percentage that represents your compatibility!</li></ol><h3>Why I Created This</h3>As a UI/UX designer, I love experimenting with interactive web tools. This project was a fun way to practice front-end development while adding a playful twist to Valentine’s season (or anytime, really!). Hosting it on GitHub Pages makes it easily accessible to anyone who wants to give it a try.<h3>Give It a Try!</h3>Whether you’re just curious or want to prank your friends, this Love Calculator is a lighthearted way to pass the time. Try it out and let me know what you think! 😄💡 Pro Tip: Don’t take the results too seriously—love is about connection, not just numbers! ❤️