Links Útiles
Recursos seleccionados para desarrolladores
AI & Machine Learning
Awesome AI Devtools
Lista curada de herramientas IA para acelerar tu flujo de desarrollo.
OpenAI Cookbook
Ejemplos prácticos para integrar modelos de OpenAI en tus proyectos.
Awesome Cursor Rules
Colección de .cursorrules para tunear Cursor como copiloto de código.
Cursor Rules Repo
Reglas avanzadas para Cursor centradas en agentes, TypeScript y flujos IA.
Documentation & Guides
MDN Web Docs
Referencia central para HTML, CSS, JavaScript y APIs web modernas.
TypeScript Docs
Documentación oficial de TypeScript, desde básicos hasta tipos avanzados.
Astro Docs
Guía oficial para crear sitios rápidos y content-driven con Astro.
Hono Docs
Framework ultrarrápido para APIs y apps full-stack sobre runtimes modernos.
Drizzle ORM Docs
ORM type-safe para SQL; guías claras para schemas, queries y migraciones.
Tailwind CSS Docs
Referencias y ejemplos para construir UI con clases utilitarias.
Biome Docs
Toolchain moderna que reemplaza ESLint + Prettier con un solo binario.
React Docs
Documentación oficial de React moderno, con guías y ejemplos interactivos.
TanStack Start Docs
Framework full-stack React con SSR, streaming y rutas type-safe.
TanStack Query Docs
Maneja server state como un adulto: caching, sync y fetching declarativo.
TanStack Form Docs
Librería de formularios headless, centrada en DX y type safety.
TanStack Table Docs
Tablas y datagrids headless hiper configurables para cualquier framework.
TanStack Router Docs
Router type-safe para React con file-routing y search params declarativos.
Vite Docs
Guía oficial del bundler Vite: dev server rápido y build optimizado.
React Components
shadcn/ui
Componentes headless basados en Radix + Tailwind para armar tu design system.
Radix UI
Primitives accesibles y sin estilos, base ideal para tus propios componentes.
Chakra UI
Kit de componentes con tema configurable y enfoque en accesibilidad.
Mantine
Suite de componentes y hooks React con theming avanzado y buen DX.
MUI
Implementación de Material UI con muchos componentes listos para producción.
Animations & Motion
Animate.css
Colección de animaciones CSS listas para usar con clases simples.
Framer Motion
Animaciones declarativas para React con gestos, layout y drag integrados.
GSAP
Motor de animación JS con timelines potentes y soporte para SVG y scroll.
Motion One
Librería ligera basada en Web Animations API con sintaxis moderna.
AutoAnimate
Añade animaciones automáticas a cambios en el DOM con una sola línea.
Libraries & Frameworks
Zustand
State manager minimalista para React sin boilerplate ni reducers eternos.
Zod
Schemas type-safe para validar datos, formularios y contratos de APIs.
React Hook Form
Maneja formularios performantes con mínima rerender y buen DX.
Testing Library
Testing centrado en el usuario final, no en los detalles de implementación.
Vitest
Test runner rápido pensado para Vite y proyectos modernos de JS/TS.
Icons & Assets
Lucide
Iconos SVG open source, consistentes y tree-shakeables para tus UIs.
Heroicons
Iconos SVG de los creadores de Tailwind, con versiones outline y solid.
Phosphor Icons
Familia flexible de iconos con varios pesos para interfaces y diagramas.
Tabler Icons
Miles de iconos SVG limpios, ideales para dashboards y apps de negocio.
Iconoir
Librería open source con más de 1500 iconos minimalistas para interfaces.
Radix Icons
Set de iconos 15×15 pensado para UIs limpias, compatible con Radix UI.
Material Icons / Symbols
Más de 2500 iconos Material con variantes de estilo en una sola fuente.
SVGL
Librería de logos SVG con CLI y paquetes para React y otras integraciones.
Streamline
Biblioteca enorme de iconos SVG y PNG, con estilos consistentes para producto.
CSS.gg
Iconos open source listos para usar con CSS puro, SVG y Figma.
AnimatedIcons.co
Más de 4000 iconos animados en Lottie, SVG y PNG para interfaces modernas.
Illustrations & Graphics
unDraw
Ilustraciones SVG open source, actualizadas seguido y sin necesidad de crédito.
Storyset (Freepik)
Ilustraciones editables y animables gratis, con estilos y capas personalizables.
ManyPixels Gallery
Galería de ilustraciones gratuitas en varios estilos para webs y productos.
Open Doodles
Doodles ilustrados libres (CC0), perfectos para secciones vacías y landings.
Humaaans
Librería para mezclar y combinar personajes humanos en escenas distintas.
Pixeltrue Free Illustrations
Pack de +500 ilustraciones y animaciones gratuitas para webs y productos.
Inspiration & Design
Dribbble
Shots de diseño para UI, branding e interacción; ideal para moodboards.
Behance
Portfolios completos de estudios y diseñadores con casos de estudio.
Landingfolio
Galería de landing pages y secciones clave para productos digitales.
Awwwards
Webs premiadas por diseño, creatividad y performance para ver qué rinde.
Godly
Colección de sitios con experiencias más experimentales y animadas.
Developer Tools
Squoosh
App web de compresión de imágenes de Google. Comprime y compara con distintos codecs.
CodePen
Entorno de desarrollo social para diseñadores y developers front-end. Construye, testea y comparte código.
Responsively App
Navegador para ver tu sitio en muchas resoluciones al mismo tiempo.
Polypane
Browser de pago para testing responsive avanzado y debug accesible.
Coolors
Generador de paletas de color rápidas, exportables a varios formatos.
Excalidraw
Pizarra online para diagramas con estilo hand-drawn y colaboración.
Ray.so
Crea capturas de código bonitas para compartir en redes o presentaciones.
Regex101
Tester de expresiones regulares con explicación, flags y quick reference.
RegExr
Editor visual de regex con ejemplos, cheatsheet y testing en vivo.
StackEdit
Editor Markdown online con preview en vivo y sync con Google Drive.
Dillinger
Editor Markdown minimal con export a HTML, PDF y más formatos.
JSON Formatter & Validator
Valida y formatea JSON para detectar errores de sintaxis rápido.
Bundlephobia
Mira peso y coste de instalar un paquete npm antes de agregarlo.
Can I use
Compatibilidad de features web en navegadores, con tablas claras.
PageSpeed Insights
Analiza performance y buenas prácticas con métricas tipo Lighthouse.
CodeSandbox
Entorno online para prototipar proyectos React, Vite y más en minutos.
StackBlitz
Dev environment en el navegador con soporte para proyectos fullstack.
YouTube Channels
Fireship
Videos cortos y directos sobre tecnologías web, stacks y tendencias.
Web Dev Simplified
Tutoriales claros de JS, React y buenas prácticas de frontend.
Kevin Powell
Canal centrado en CSS moderno, layouts y tips de frontend.
midudev
Contenido en español sobre JS, React, entrevistas y noticias dev.
HolaMundo
Cursos completos en español de programación y fundamentos web.
Gentleman Programming
Arquitectura, buenas prácticas y carrera dev explicadas sin anestesia.
Leifer Méndez
Contenido práctico de desarrollo web y SaaS con foco en el mundo real.
Fazt (Fazt Code)
Cursos y proyectos completos de desarrollo web, Node, bases de datos y más.