Software Engineer building joincall.co. prev withcardlift.com (YC S24)

github

devto

youtube

medium

Bossadi Zenith  • Peerlist

I love building animations on the web

AnimateX is a custom UI animation library designed to bring visually impressive, smooth, and interactive animations to modern web interfaces. Built with Framer Motion and styled using Tailwind CSS, AnimateX focuses on reusable, plug-and-play components like cards, buttons, modals, loaders, and notifiers — all infused with fluid, polished motion.It’s ideal for developers who want to elevate their UIs with beautiful animations out of the box, while still having the flexibility to customize transitions and behaviors.Think of AnimateX as your go-to toolkit for building “lit” interfaces that feel alive and engaging.

AnimateX

Motion is an online playground for Framer Motion that lets you visually create and customize animations and transitions with ease.

Motion

Nothinng

The main aim of Ground is to help me develop my animation skills to another level while showcasing what I've done in the main-time. This project is open source you can find the repo <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://github.com/code-env/ground-v2">here</a>

Ground UI

🎉 Last Project of the Year. Meet Tidyup 🧹2024 has been an exciting year, and I wanted to wrap it up with a bang or rather, with a clean directories!I found myself wasting too much time manually moving files between directories. It was frustrating, tedious, and let’s be honest far from how I wanted to spend my day. So, on Christmas, while everyone else was chilling, I decided to solve this problem for good.The result? A CLI tool called Tidyup.🚀 With Tidyup, you can:<ul><li>Organize files by extension, name, or creation date.</li><li>Automatically handle file conflicts with smart renaming.</li><li>Save time and keep your digital workspace tidy!</li></ul>Try it out today 👉 <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-500 rich-link break-all link-break" href="https://tidyup.bossadizenith.me/">Tidyup</a>Make 2025 the year of productivity and efficiency starting now. 😉

Tidyup

Creating a portfolio today can feel like a daunting task. It’s not just about making something that looks good — it has to reflect who you are as a developer. And once you get into the details, like integrating blog posts using markdown, showcasing your projects, and finding ways to make it stand out, the complexity starts to pile up.There are countless tutorials out there on how to create a portfolio, but no matter how many you watch, the real challenge is building something that truly represents you.What if you could focus on the design without the headache of setting up markdown and worrying about the technical details? Well, that’s exactly what this portfolio starter kit is for.Built with Next.js and powered by Contentlayer for seamless markdown processing and type safety, this starter kit lets you focus on what matters most — designing your perfect portfolio.<a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/code-env/portfolio-stater">Check out the repo</a> and give it a star if you like it. It’s time to build a portfolio that works for you!

Developer portfolio template

Ground is an open source collection of small fine and animated components. You can quickly integrate in your website to make them more interactive. All of these animations are made using framer motion. The main aim of this project is for me to learn how to make small interaction on my websites giving that for the past years I've been working/building sites that where just static.