Useful Links
Curated resources for developers
AI & Machine Learning
Awesome AI Devtools
Curated list of AI tools to accelerate your development workflow.
OpenAI Cookbook
Practical examples for integrating OpenAI models into your projects.
Awesome Cursor Rules
Collection of .cursorrules to tune Cursor as your code copilot.
Cursor Rules Repo
Advanced Cursor rules focused on agents, TypeScript and AI workflows.
Documentation & Guides
MDN Web Docs
Central reference for HTML, CSS, JavaScript and modern web APIs.
TypeScript Docs
Official TypeScript documentation, from basics to advanced types.
Astro Docs
Official guide for building fast, content-driven sites with Astro.
Hono Docs
Ultra-fast framework for APIs and full-stack apps on modern runtimes.
Drizzle ORM Docs
Type-safe ORM for SQL; clear guides for schemas, queries and migrations.
Tailwind CSS Docs
References and examples for building UI with utility classes.
Biome Docs
Modern toolchain that replaces ESLint + Prettier with a single binary.
React Docs
Official modern React documentation with guides and interactive examples.
TanStack Start Docs
Full-stack React framework with SSR, streaming and type-safe routes.
TanStack Query Docs
Handle server state properly: caching, sync and declarative fetching.
TanStack Form Docs
Headless forms library focused on DX and type safety.
TanStack Table Docs
Hyper-configurable headless tables and datagrids for any framework.
TanStack Router Docs
Type-safe router for React with file-routing and declarative search params.
Vite Docs
Official Vite bundler guide: fast dev server and optimized builds.
React Components
shadcn/ui
Headless components based on Radix + Tailwind to build your design system.
Radix UI
Accessible and unstyled primitives, ideal base for your own components.
Chakra UI
Component kit with configurable theming and focus on accessibility.
Mantine
React components and hooks suite with advanced theming and great DX.
MUI
Material UI implementation with many production-ready components.
Animations & Motion
Animate.css
Collection of ready-to-use CSS animations with simple classes.
Framer Motion
Declarative animations for React with integrated gestures, layout and drag.
GSAP
JS animation engine with powerful timelines and SVG/scroll support.
Motion One
Lightweight library based on Web Animations API with modern syntax.
AutoAnimate
Add automatic animations to DOM changes with a single line of code.
Libraries & Frameworks
Zustand
Minimalist state manager for React without boilerplate or endless reducers.
Zod
Type-safe schemas to validate data, forms and API contracts.
React Hook Form
Handle performant forms with minimal re-renders and great DX.
Testing Library
Testing focused on end users, not implementation details.
Vitest
Fast test runner designed for Vite and modern JS/TS projects.
Icons & Assets
Lucide
Consistent, tree-shakeable open source SVG icons for your UIs.
Heroicons
SVG icons from the Tailwind creators, with outline and solid versions.
Phosphor Icons
Flexible icon family with multiple weights for interfaces and diagrams.
Tabler Icons
Thousands of clean SVG icons, ideal for dashboards and business apps.
Iconoir
Open source library with 1500+ minimalist icons for interfaces.
Radix Icons
15×15 icon set designed for clean UIs, compatible with Radix UI.
Material Icons / Symbols
2500+ Material icons with style variants in a single font.
SVGL
SVG logo library with CLI and packages for React and other integrations.
Streamline
Huge SVG and PNG icon library with consistent styles for products.
CSS.gg
Open source icons ready to use with pure CSS, SVG and Figma.
AnimatedIcons.co
4000+ animated icons in Lottie, SVG and PNG for modern interfaces.
Illustrations & Graphics
unDraw
Open source SVG illustrations, frequently updated and no credit required.
Storyset (Freepik)
Free editable and animatable illustrations with customizable styles and layers.
ManyPixels Gallery
Free illustration gallery in various styles for websites and products.
Open Doodles
Free illustrated doodles (CC0), perfect for empty states and landings.
Humaaans
Library to mix and match human characters in different scenes.
Pixeltrue Free Illustrations
Pack of 500+ free illustrations and animations for websites and products.
Inspiration & Design
Dribbble
Design shots for UI, branding and interaction; ideal for moodboards.
Behance
Complete portfolios from studios and designers with case studies.
Landingfolio
Gallery of landing pages and key sections for digital products.
Awwwards
Award-winning websites for design, creativity and performance to see what works.
Godly
Collection of sites with more experimental and animated experiences.
Developer Tools
Squoosh
Image compression web app by Google. Compress and compare images with different codecs.
CodePen
Social development environment for front-end designers and developers. Build, test, and share code.
Responsively App
Browser to view your site at many resolutions simultaneously.
Polypane
Paid browser for advanced responsive testing and accessible debugging.
Coolors
Fast color palette generator, exportable to various formats.
Excalidraw
Online whiteboard for diagrams with hand-drawn style and collaboration.
Ray.so
Create beautiful code screenshots to share on social media or presentations.
Regex101
Regular expression tester with explanation, flags and quick reference.
RegExr
Visual regex editor with examples, cheatsheet and live testing.
StackEdit
Online Markdown editor with live preview and Google Drive sync.
Dillinger
Minimal Markdown editor with export to HTML, PDF and more formats.
JSON Formatter & Validator
Validate and format JSON to quickly detect syntax errors.
Bundlephobia
Check package size and install cost before adding an npm dependency.
Can I use
Web feature browser compatibility with clear tables.
PageSpeed Insights
Analyze performance and best practices with Lighthouse-type metrics.
CodeSandbox
Online environment to prototype React, Vite and more projects in minutes.
StackBlitz
Browser-based dev environment with support for fullstack projects.
YouTube Channels
Fireship
Short, straight-to-the-point videos about web technologies, stacks and trends.
Web Dev Simplified
Clear tutorials on JS, React and frontend best practices.
Kevin Powell
Channel focused on modern CSS, layouts and frontend tips.
midudev
Spanish content about JS, React, interviews and dev news.
HolaMundo
Complete Spanish courses on programming and web fundamentals.
Gentleman Programming
Architecture, best practices and dev career explained without anesthesia.
Leifer Méndez
Practical web development and SaaS content focused on the real world.
Fazt (Fazt Code)
Complete courses and projects on web development, Node, databases and more.