BounaderMedRafik
About meNotesExperiences
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.