Product Engineer | Frontend Enthusiast | 👨‍💻 📸 🎶 🤔

projects

productHunt

github

hashnode

medium

devto

Lakshya Thakur  • Peerlist

A Chrome browser extension that detects and verifies C2PA (Coalition for Content Provenance and Authenticity) credentials in images to determine their AI origin classification.

C2PA Detect

An ongoing collection of web animations built with React and Framer Motion, exploring motion and UI interactions.

Animations

Easily customize the look and feel of X (Twitter) posts rendered with react-tweet using a visual theme editor. Tweak styles section by section, explore preset themes, generate new designs with AI, and preview everything live in real time.When you're done, export clean CSS using the same variables as the base react-tweet theme. You can inline the styles or include them in your stylesheet to match your brand seamlessly.

Xpressor

Few days ago, I was playing around with turning my&nbsp;animations[dot]dev&nbsp;certificate into a video, where the melted yellow liquid actually animates. I tried out a bunch of image-to-video models like Adobe Firefly, Veo 2, Kling, Pika, and a few others. Veo 2 mostly got it right. That immediately gave me the idea to create video templates for both the light and dark versions of the certificate. The goal is to let users generate their own animated certificates by simply providing the URL to theirs, so dynamic details like their name and completion date get embedded into the video frames. So the day after, I vibe-coded the whole thing using Bolt. It also made me realize that digital certificates have always been static, even though it's now easier than ever to add motion with AI tools. This was a small test to see how motion could add some life to a certificate. I think the new Airbnb Lava icon format might have subconsciously inspired this.

Motion Certificate for Animations.dev

Audio visualizer, vibe coded using Bolt.🎧 Upload your own tracks or pick from a few Suno demos, then choose from 10+ immersive visualizations that react in real time.🎤 Got something to say? Grab the mic and watch the visuals respond to your voice. Beatbox, hum, or just vibe out.🎨 Tweak sensitivity, motion, and colors to match your mood.🌟 Personal favorites: Halos, Solar Flare, and Flux.

Sonovia

As an active google maps contributor, I find the lack of an intuitive interface to recall places, food etc one have documented rather surprising. So I thought of solving this problem for myself. <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://typesense.org/">Typesense</a> is used to power the RAG pipeline and <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://serpapi.com/">SerpAPI</a> to fetch the google maps reviews for a contributor. Both combined result in a web service that you can hit to query your reviews using natural language. I specifically wanted an experience straight from my iPhone so have created two apple shortcuts (one textual and another voice based) to call the web service and get the results.

Ask My Reviews

Have a Hashnode article with you and want to create a personalised song for it ? Well, that's the dream ✨Made using <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://apidocs.hashnode.com">Hashnode APIs</a> and <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://suno.gcui.ai/">OSS gcui-art Suno</a> wrapper

Hasunode

Generate Linkedin frames for your profile picture ✨.

Prings

A web app to scroll through frames of my favourite anime scenes. Check out the <a target="_blank" rel="noopener noreferrer nofollow" class="break-all link-break text-gray-500 hover:underline text-green-500 rich-link" href="https://github.com/lakbychance/animeccha">code</a> here. The whole project is inspired from <a target="_blank" rel="noopener noreferrer nofollow" class="break-all link-break text-gray-500 hover:underline text-green-500 rich-link" href="https://css-tricks.com/lets-make-one-of-those-fancy-scrolling-animations-used-on-apple-product-pages/">this</a> article.

Animeccha

Graphisual is a free, interactive graph editor and algorithm visualizer. Create custom graphs with nodes and edges, then watch algorithms like Breadth-First Search (BFS), Depth-First Search (DFS), Dijkstra's shortest path, and Bellman-Ford come to life step-by-step. Perfect for computer science students learning data structures, developers debugging graph logic, or anyone wanting to understand how graph algorithms work visually.