BounaderMedRafik
About meNotesExperiencesMoments
Get Back

resources

2 min read · 458 words

My Toolbox i use in dev

Every developer eventually builds a personal toolbox—the frameworks, libraries, and resources that make coding smoother, faster, and a little less painful. Here’s a look into mine.


Core Frameworks & Languages

  • Next.js ↗ – My go-to for web apps. The App Router, file-based routing, and server actions make life way easier.

  • TypeScript ↗ – No way I’m shipping projects without type safety anymore. Prevents dumb bugs before they happen and clears any potential eroo.

  • TailwindCSS ↗ – Utility classes save me from writing bloated CSS files, and it keeps designs consistent.

UI & Components

  • shadcn/ui ↗ – Clean, customizable, and built on top of Radix primitives. My UI backbone.

  • lucide-react ↗ – Crisp icons that just work. Lightweight, no nonsense.

  • Motion ↗ – Smooth animations without fighting CSS keyframes.

  • Motion primitives ↗ – Beautifully designed motions components. Easy copy-paste. Customizable. Open Source. Built for engineers and designers by @ibelick ↗.

  • Huge Icons ↗ – a modern icon library packaged for both developers and designers. It offers a free collection of over 4,000 stroke-rounded icons

  • SVGL ↗ – A beautiful library with SVG logos of various brands. Built with Sveltekit & Tailwind CSS.

  • ReactBits ↗ – an open-source collection of carefully designed UI components that aim to enhance your React web applications.

  • TweakCN ↗ – A visual no-code theme editor for shadcn/ui components and themes

Authentication & Backend

  • Clerk ↗ – For authentication, user profiles, and sessions, and even paywalls. Simple and modern.

  • Supabase ↗ – My backend of choice. Postgres, auth, file storage—fits perfectly with Next.js.

Developer Experience

VS-CODE Extensions

Inspirations

Blogs

  • Olivier Larose ↗ – One of my favorites the person who inspired me to improve in front-end, incredibly creative and absolutely brilliant in his work.

  • Julien Thibeaut (@ibelick) ↗ – Someone who gave me the huge push I needed to start building my own projects, instead of just trying to contribute to others.

  • Shu Ding ↗ – A designer and developer at Vercel, shaping the future of web development with work on Next.js, AI SDK, and beyond, blending creativity with serious engineering chops.