Marathons and Startups

The Heartbeat Framework

Resend raises $18M Series A

My Competitive Coding Experience

UI Libraries and Frameworks

Celebrating 10 years of Dracula

How I built my personal website

What makes a good changelog

5 lessons we learned adding dark mode to our platform

Why I'm joining WorkOS

Why I'm starting a podcast

14 Best Free Fonts for Programming


Hey there *Fellow Geeks and Devs* ,

UI libraries are a great way to speed up your web development process. In this article, we will discuss 5 of the most popular and trending UI libraries in 2024. These libraries offer a variety of features, including pre-built components, theming options, and accessibility features.

My top 5 UI libraries for 2024 are:

## 1.ShadCN
[**ShadCN**](https://ui.shadcn.com/) is a popular UI library that offers a variety of pre-built components, such as buttons, forms, and modals. ShadCN is highly customizable and offers a wide range of theming options, including light and dark mode. ShadCN is also optimized for accessibility and offers a variety of features, such as keyboard navigation and screen reader support. ShadCN is perfect for developers who want to create beautiful and functional websites quickly and easily. Being developed by the creator of Next.js and Vercel, it makes very easy to integrate with Next.js code and then deploy it. Also you can use v0.dev to get AI generated suggestions for your project.
  
<figure>
  <img src="https://raw.githubusercontent.com/Railly/shadcn-ui-customizer/main/ss.png" class="post-image-full" alt="IKEA Chair">
</figure>

## 2.Aceternity UI

[Aceternity UI](https://ui.aceternity.com/) is library that promises to make your websites 10x Modern offering a variety of components, such as buttons, cards, and forms. Aceternity UI is highly customizable and offers a wide range of theming options, including light and dark mode. Aceternity UI is also optimized for accessibility and offers a variety of features, such as keyboard navigation and screen reader support. Aceternity UI is perfect for developers who want to create stunning websites quickly and easily. It is also very easy to integrate with React and other popular frameworks.

<figure>
  <img src="https://aceternity.com/images/products/thumbnails/new/aceternityui.png" class="post-image-full" alt="IKEA Chair">
</figure>

## 3.Eldora UI 

[**Eldora UI**](https://eldoraui.site/) is a popular and modern UI library that offers a variety of features, including pre-built components, theming options, and accessibility features. Eldora UI is highly customizable and offers a wide range of components, such as buttons, forms, and modals. Eldora UI is also optimized for accessibility and offers a variety of features, such as keyboard navigation and screen reader support. Eldora UI is perfect for developers who want to create beautiful and functional websites quickly and easily. It is also very easy to integrate with React and other popular frameworks.

<figure>
  <img src="https://ph-files.imgix.net/a2973b26-4ed4-40c4-83a2-014a1e15929d.png?auto=format&fit=crop" class="post-image-full"
  alt="Eldora UI ">
</figure>

## 4.Rive App

[**Rive App**](https://rive.app/) is a new UI library gaming like 3D models and animations. It pro,ises With Rive, complex designer-developer handoff is a thing of the past redcing development times by empowering designers to build functional graphics with rich interactivity and animation.It is perfect for those who want to create stunning websites with 3D models and animations. Rive App offers a wide range of components, including 3D models, animations, and interactive elements. Rive App is also optimized for performance and offers a variety of features, such as lazy loading and code splitting. Rive App is perfect for developers who want to create immersive and engaging websites quickly and easily.
  
<figure>
  <img src="https://framerusercontent.com/images/b3VPpHHxFkO2t86aZ0sicjlUM.webp"
  class="post-image-full" alt="IKEA Chair">
</figure>

## 5.Tailwind UI

  [**Tailwind UI**](https://tailwindui.com/) is a premium UI library from the creator of the popular utility-first CSS framework and is used in most of the previously mentioned frameworks offering a variety of features, including pre-built components, theming options, and accessibility features. Tailwind UI is highly customizable and offers a wide range of components, such as buttons, forms, and modals. Tailwind CSS is also optimized for accessibility and offers a variety of features, such as keyboard navigation and screen reader support. Tailwind UI is perfect for developers who want to create beautiful and functional websites quickly and easily. It is also very easy to integrate with React and other popular frameworks.

<figure>
  <img src="https://d1etqblq65l80m.cloudfront.net/ym3xrzrse7rxancmclomsqzrhpi0 " 
  class="post-image-full"
  alt="IKEA Chair">
</figure>

These are just a few of the many great UI libraries available in 2024. By using one of these libraries, you can save time and effort while creating beautiful and functional websites.
Cheers, Dozzer
P.S. What are your favorite UI libraries? Hit me up let's chat about UIs.

There has been a recent trend of UI libraries. So here is a list of the someof my most favourite UI libraries to use with your framework.


Hey there *Fellow Geeks* ,

I wanted to share a little story today of persistence, growth, and the magic that happens when you refuse to give up. 

A few years back, I was just another aspiring coder, wide-eyed and eager to conquer the world of competitive programming. I dipped my toes first into the CodeChef contests, fueled by ambition and imposter syndrome. But guess what? The road to those shiny stars wasn’t as straightforward as I’d hoped. 

## 1. The Struggle Bus 🚌

I vividly remember my early days—the frustration of staring at cryptic problem statements, the adrenaline rush during contests, and the inevitable disappointment when my submissions crashed and burned. 🙈 I stumbled, I fell, and I wondered if I’d ever crack the code (pun intended).

## 2. Learning Data Structure and Algorithms 📚

Fast forward a bit in my second year of college, and been lucky enough to be a CS student, I had DSA as a paper which was my best scoring one. I watched countless YouTube tutorials, and spent started spending hours on GeeksforGeeks. I learned to think like a computer, to break down complex problems into bite-sized chunks, and to embrace the beauty of recursion. 🤓

## 3. The Right Tools for the Job 🛠️ 

And then? Well, my fellow geeks, I’m was grateful to have another Algorithms course next year which was a bit more advanced. With two of my classmates by my side, we learned together in countless Google Meets to wield the power of dynamic programming, to master the art of backtracking, and to appreciate the elegance of graph algorithms. I also started using platforms like Codeforces, LeetCode, and HackerRank to sharpen my skills. 🚀

## 4. The Light at the End of the Tunnel 💡

And you know what? Slowly but surely, the stars began to align. I started solving problems faster, my submissions turned from red to green, and I felt that sweet rush of victory. This many days I couldn't even go pass 1 star in CodeChef. Then I came back strong, with the knowlegde now at almost 3 ⭐. 

>*'Embrace the Struggle. Share your victories, your defeats, and your favourite memes. Love What You Do. Coding isn’t just about algorithms; it’s about passion. When you love what you do, the stars align (pun intended, again).'*

## 5. The Power of Community 🌐

But you know what truly changed the game for me? Consistent self-improvement. Each setback was an opportunity to learn, adapt, and come back stronger. 🤓

## 6. Still struggling? 🤔

If you’re reading this and feeling a bit lost, don’t worry. We’ve all been there. The key is to keep going, keep learning, and keep pushing yourself. I myself have not been able to stay consistent as there are college exams, internship,projects, and other things. But I know that I will come back stronger. You’ve got this! 🚀✨

## 7. The Heart of It All: Self-Improvement 🌱

But you know what truly changed the game for me? Consistent self-improvement. Each setback was an opportunity to learn, adapt, and come back stronger. 🤓
Love What You Do: Coding isn’t just about algorithms; it’s about passion. When you love what you do, the stars align (pun intended, again).

## 🌟 Closing Thoughts
So, remember whether you’re a newbie or a seasoned pro, Your journey matters. Those stars? They’re just celestial bling. What truly counts is the fire within—the one that keeps you coding, learning, and evolving.
Here’s to all the late nights, the “aha!” moments, and the joy of seeing that green tick. 🎉 
Keep coding, keep growing, and keep shining. 🚀✨

Feel free to tweak, personalize, and sprinkle some of your magic on this post. And hey, congrats on your journey so far! 🎊 Keep shining, keep coding, and keep inspiring others. 🚀✨

P.S. If you’re reading this, drop a comment below with your favourite coding emoji! 😄👾

*Disclaimer: The views expressed here are solely mine (and maybe a little influenced by too much caffeine and sleepness nights). 😉*

Remember, my friend, you’re not alone on this journey. We’re all in this together! 🤗

Cheers, Dozzer
P.P.S. If you need a virtual high-five, hit me up! 🙌



I compiled some of the learnings from my own experience and asked other friends from my class, so you can get a feel of what happens when you start CP.

Tech. Updates. Guides.

Recent Reads

UI Libraries and Frameworks

My Competitive Coding Experience

All Articles