Osama Al-Mamari

Developer Resources

A curated list of tools, libraries, and resources I personally use and recommend.

My Top Picks

Lucide
A clean and consistent icon set.

"Community-driven and highly customizable."

Icons
Visit
ShadCN/UI
Beautifully designed components that you can copy and paste into your apps.

"Accessible. Customizable. Open Source."

UI
React
Tailwind
Visit
Cursor
The AI-first Code Editor.

"Deeply integrated AI for code generation and editing."

AI
Editor
Visit
Genkit
A powerful, open source framework for building with generative AI.

Main Tech: TypeScript

AI
TypeScript
Visit

Best Icon Libraries

Lucide
A clean and consistent icon set.

"Community-driven and highly customizable."

Icons
Visit
Heroicons
Beautifully hand-crafted SVG icons, by the makers of Tailwind CSS.

"Perfect for modern UI design."

Icons
Tailwind
Visit
FontAwesome
The web's most popular icon set and toolkit.

"Huge variety and easy to use."

Icons
Visit

Best UI Component Libraries

ShadCN/UI
Beautifully designed components that you can copy and paste into your apps.

"Accessible. Customizable. Open Source."

UI
React
Tailwind
Visit
Vuetify
Material Design component framework for Vue.js.

"Feature-rich and follows Material Design."

UI
Vue
Visit
Tailwind UI
Fully responsive, professionally designed component examples.

"From the creators of Tailwind CSS."

UI
React
Vue
Tailwind
Visit
Naive UI
A Vue 3 Component Library. Fairly Complete. Themeable.

"Great for Vue 3 projects."

UI
Vue
Visit

Top AI Tools for Developers

GitHub Copilot
Your AI pair programmer.

"Code completion and suggestions."

AI
Productivity
Visit
ChatGPT
Conversational AI for brainstorming and problem-solving.

"Helps with code, writing, and more."

AI
Productivity
Visit
Cursor
The AI-first Code Editor.

"Deeply integrated AI for code generation and editing."

AI
Editor
Visit
Codeium
The modern coding superpower.

"Free AI code completion and chat."

AI
Productivity
Visit
Whimsical
The visual workspace for teams.

"AI-powered mind maps and flowcharts."

AI
Planning
Visit

Open Source Projects I Recommend

Genkit
A powerful, open source framework for building with generative AI.

Main Tech: TypeScript

AI
TypeScript
Visit
Cal.com
Open Source Scheduling Platform.

Main Tech: Next.js

Productivity
Next.js
Visit
Dub.co
Open-source link shortener.

Main Tech: Next.js

Productivity
Next.js
Visit

Learning Resources I Personally Use

Laracasts
PHP & JavaScript
Learning
PHP
Visit
Vue Mastery
Vue.js
Learning
Vue
Visit
Roadmap.sh
Developer Roadmaps
Learning
Career
Visit
CSS-Tricks
CSS & Frontend
Learning
CSS
Visit

Suggest a Tool

Have a tool or resource you think should be on this list? I'd love to hear from you.

Last updated: July 29, 2024