Descubre las mejores herramientas de Desarrollo. Encuentra la adecuada entre 77 herramientas.
Herramientas de desarrollo de software, editores de código, hosting y utilidades para desarrolladores.
21st.dev es un registro que reúne componentes de interfaz, plantillas y temas basados en React, Tailwind CSS y shadcn compartidos por la comunidad. Puedes previsualizar en vivo más de 12.000 componentes y añadirlos a tu proyecto con un solo comando mediante la CLI de shadcn; el código llega directamente a tu repositorio y lo editas como quieras. También se puede usar con herramientas de IA como Cursor, Claude Code, v0 y Lovable. Explorar es gratis y se ofrecen 2 copias gratuitas de componentes al día; las copias ilimitadas y las plantillas premium se habilitan con una suscripción.
Desarrollo
Biblioteca de componentes de interfaz modernos y animados. Ofrece componentes vistosos basados en React y Tailwind CSS, impulsados por Framer Motion.
Servicio de almacenamiento y copia de seguridad en la nube a buen precio. Añade almacenamiento de objetos a tus aplicaciones con B2 Cloud Storage, compatible con S3.
Biblioteca de componentes de interfaz modernos y animados. Ofrece elementos llamativos basados en React y Tailwind CSS.
Better Auth es un framework de autenticación de código abierto para TypeScript, completo, con credenciales, inicio de sesión social, multiinquilino, SSO/SAML y más de 50 métodos basados en complementos.
Biblioteca de código abierto con más de 60 bloques gratuitos de shadcn/ui. Intégralos en proyectos de React, Tailwind y Next.js copiando y pegando.
Crea aplicaciones completas con IA en el navegador
Clerk es una plataforma de autenticación y gestión de usuarios con componentes de interfaz listos para usar, multiinquilino y facturación por suscripción. Es gratuita hasta los primeros 50.000 usuarios activos mensuales.
Context.dev es una API de web scraping y extracción de datos que proporciona contenido web estructurado a agentes de IA y desarrolladores sin necesidad de montar infraestructura propia.
Convex es una plataforma backend reactiva en TypeScript, diseñada para agentes de IA y aplicaciones, que incluye base de datos, funciones, flujos de trabajo, sincronización en tiempo real, búsqueda y almacenamiento de archivos.
Plataforma de alojamiento autoalojada y de código abierto. Alternativa a Heroku y Netlify para desplegar tus aplicaciones con un clic.
Galería de código abierto con cientos de diseños de botones CSS. Copia y usa estilos de botón modernos, animados y con efecto hover.
Editor de código con inteligencia artificial; acelera la escritura, edición y depuración de código con IA.
Plataforma que escanea y gestiona automáticamente las vulnerabilidades de seguridad de activos externos. Reúne en un solo panel el escaneo de vulnerabilidades, la evaluación de riesgos y los informes.
Plantilla lista de sitio de directorio con Next.js. Incluye pagos, SEO y generación de contenido con IA; compra una vez y lanza proyectos ilimitados.
Generador de funciones de easing para animaciones CSS y JavaScript. Edita curvas de Bézier de forma visual y perfecciona tus transiciones.
Biblioteca de componentes de gráficos animados basada en Tailwind CSS y React. Gráficos fáciles de personalizar, basados en shadcn/recharts.
Herramienta visual que genera valores avanzados de border-radius en CSS. Diseña formas orgánicas y originales con 8 puntos de control.
La mayor plataforma del mundo de alojamiento de código y control de versiones; imprescindible para proyectos de código abierto y colaboración en equipo.
Autocompletado de código con IA
Crea workflows de lógica de decisión
Generador avanzado de degradados CSS creado por Josh W. Comeau. Controla las transiciones de color en el espacio HSL para lograr degradados más naturales.
Herramienta de análisis del rendimiento de sitios web. Ofrece velocidad de página, Core Web Vitals y recomendaciones de optimización.
HeroUI es una biblioteca de componentes de interfaz para React y nativo, posicionada como alternativa a Material-UI y Chakra UI.
Infraestructura de correo electrónico para desarrolladores. Permite enviar emails transaccionales, procesar bandejas de entrada y crear agentes de email con IA mediante un SDK de TypeScript.
Framework de código abierto para desarrollar aplicaciones iOS, Android y web con una sola base de código. Admite Angular, React y Vue.
Biblioteca moderna de componentes de UI creada con Tailwind CSS y React. Intégrala al instante en tu proyecto copiando y pegando.
Componentes de layout listos para proyectos de React. Desarrollo rápido de interfaces con plantillas de grid, barra lateral, dashboard y estructuras de página.
Temas premium para sitios web creados con Astro y Tailwind CSS. Plantillas profesionales para SaaS, blogs, portafolios y comercio electrónico.
Servicio que da acceso a logotipos de empresas mediante API. Consulta logotipos por nombre de dominio y añade logotipos de marca a tus aplicaciones.
Biblioteca de UI con más de 50 componentes animados para React. Basada en Framer Motion, ideal para landing pages y sitios de marketing.
API de verificación de correo electrónico. Mantén limpias tus listas detectando direcciones inválidas, spam y desechables.
Plataforma de CMS headless moderna. Infraestructura de contenido flexible para tus proyectos web, con gestión de contenidos, acceso por API y soporte multilingüe.
Extensión de Chrome que inspecciona el CSS, los colores, las fuentes y los SVG de los sitios web. Extrae y exporta los detalles de diseño de cualquier página.
Potente biblioteca de animación para la web (antes Framer Motion). Crea animaciones fluidas y de alto rendimiento en proyectos con React y JavaScript puro.
Plataforma de colaboración para equipos de desarrollo. Gestiona en un solo lugar la revisión de código, el seguimiento de errores y las discusiones técnicas.
Neon es un backend Postgres sin servidor propiedad de Databricks. Ofrece ramificación instantánea, escalado a cero, Better Auth gestionado, Data API, funciones, almacenamiento y AI gateway.
Despliegue y hosting de sitios web
OpenRouter es una API unificada que da acceso a cientos de grandes modelos de lenguaje de múltiples proveedores mediante un único endpoint y una sola clave de API. Ofrece precios de pago por uso y opciones de modelos gratuitos.
Crea y despliega aplicaciones a partir de un prompt
Colección de componentes de UI bonitos y funcionales basados en Tailwind CSS. Diseños listos para input, button, card y más.
Biblioteca de componentes de UI lista para proyectos web modernos. Componentes fáciles de personalizar, creados con Tailwind CSS y React.
CMS headless de código abierto basado en TypeScript. Ofrece integración completa con Next.js, un potente panel de administración y modelado de contenido flexible.
Herramienta que convierte tus fragmentos de código en bonitas capturas de pantalla. Crea publicaciones profesionales con fondo, sombra y tema personalizables.
Base de datos MySQL serverless
PostHog es una plataforma que ofrece analítica de producto, seguimiento de errores, reproducción de sesiones y feature flags. Expone los datos del producto a los equipos y a los agentes de IA.
Plataforma moderna en la nube que te permite desplegar fácilmente aplicaciones, bases de datos y servicios.
El mayor marketplace de APIs del mundo. Descubre, prueba e integra miles de APIs en tus proyectos y gestiónalas desde un único dashboard.
Entorno de desarrollo en la nube que permite escribir, ejecutar y compartir código desde el navegador.
Resend es una API de correo electrónico que permite a los desarrolladores enviar correos transaccionales y de marketing a gran escala.
Plataforma no-code para herramientas internas. Crea aplicaciones internas conectando de forma visual bases de datos, APIs y flujos de trabajo.
Colección de componentes de UI listos que funcionan con copiar y pegar. Permite un desarrollo rápido en proyectos de Tailwind CSS y React.
Plataforma que crea feeds RSS a partir de cualquier sitio web. Convierte contenido de redes sociales, noticias y blogs en feeds RSS automáticamente.
Servicio que captura pantallas de sitios web mediante API. Genera capturas automáticas con viewport, formato y tiempos de espera personalizables.
Plantillas de bloques listas para shadcn UI. Bloques de componentes prediseñados para secciones de página como hero, pricing y features.
Biblioteca de componentes de UI reutilizables creada sobre Radix UI y Tailwind CSS. Funciona con copiar y pegar y permite una personalización total.
Plataforma que ofrece kits de componentes y plantillas listos para shadcn UI. Incluye bloques de UI prediseñados que puedes integrar rápidamente en tus proyectos.
Boilerplate de SaaS con Next.js. Autenticación, pagos, SEO e integración de base de datos ya listos; lanza tu proyecto SaaS en días.
Crea una aplicación web a partir de un prompt de texto
Colección de componentes de UI visualmente impactantes. Elementos de interfaz de calidad premium creados con Tailwind CSS y React.
Alternativa de código abierto a Firebase; ofrece base de datos PostgreSQL, autenticación y funciones en tiempo real.
Paquete que reúne en una sola extensión más de 30 herramientas de desarrollo web para Chrome y Firefox. Inspección de CSS, selector de color, pruebas responsive y más.
Herramienta de diseño SVG y generador de código. Crea formas, iconos e ilustraciones SVG con un editor visual y exporta su código.
Herramienta en línea que optimiza y convierte archivos SVG. Reduce, edita y prepara tus SVG para la web.
Plantillas de sitios web y diseños de landing pages listos, creados con Tailwind CSS. Punto de partida ideal para prototipar rápido.
Tailwind CSS es un framework de CSS basado en clases de utilidad predefinidas para desarrollar interfaces. Admite diseño responsive, modo oscuro, container queries y transformaciones 3D; ofrece Tailwind Plus como opción de pago.
Herramienta que comprime imágenes PNG y JPEG sin perder calidad. Con soporte de API para optimización automática, mejora el rendimiento web.
Herramienta para desarrolladores que genera informes de errores detallados. Registra automáticamente la captura de pantalla, el entorno del navegador y los pasos para reproducir el fallo.
Generador de código CSS para el efecto glassmorphism. Ajusta visualmente el desenfoque, la transparencia y el borde, y copia el código CSS.
Plataforma de elementos de UI de código abierto creados por la comunidad. Miles de componentes listos para botones, tarjetas, formularios y animaciones.
Generador de UI con IA de Vercel
Herramienta de generación de UI con IA de Vercel; crea componentes de React a partir de descripciones de texto.
Plataforma de despliegue y hosting rápido para proyectos frontend, desarrollada por los creadores de Next.js.
Editor de código gratuito y de código abierto de Microsoft; ofrece un amplio ecosistema de extensiones y potentes funciones de depuración.
IDE con IA
Crea y edita sitios web con lenguaje natural
CMS de blogs pensado para desarrolladores. Con su enfoque API-first, es la forma más fácil de añadir un blog a tu sitio web actual.