Omlet
Rastrea el uso de componentes de React en tus bases de código para reducir la deuda técnica y medir la adopción del sistema de diseño.
| Qué es | Rastrea el uso de componentes de React en tus bases de código para reducir la deuda técnica y medir la adopción del sistema de diseño. |
|---|---|
| Precios | Freemium — de $169/mo |
| Plan gratuito | Sí |
| Plataforma | Web Application |
| Ideal para | Measuring design system adoption across products, Identifying legacy components needing updates |
| Dominio registrado | 2019 |
Datos actualizados 15 de agosto de 2026
¿Qué hace Omlet?
Omlet es una herramienta para desarrolladores que analiza el uso de componentes de React y React Native en tus repositorios de código. Ayuda a los equipos de desarrollo a entender cómo se están utilizando los componentes del sistema de diseño, a identificar aquellos que se usan poco y a rastrear las métricas de adopción. La herramienta consta de dos partes principales: una extensión de VS Code que ofrece información en tiempo real mientras programas y un panel web que agrega los datos de uso de todos los proyectos.
Omlet funciona escaneando tu base de código para rastrear los patrones de uso de los componentes. La extensión de VS Code te muestra qué componentes se están utilizando, con qué frecuencia y con qué props, todo dentro de tu editor. El panel web proporciona analíticas exhaustivas sobre la adopción del sistema de diseño, resaltando las áreas donde el uso es insuficiente o donde persisten componentes heredados. Puede estimar el impacto de dejar de usar componentes y detectar componentes similares que podrían consolidarse.
Esta herramienta es particularmente valiosa para equipos de frontend que gestionan sistemas de diseño, ingenieros de UI/UX que rastrean la adopción de componentes y gestores de ingeniería que necesitan demostrar el valor de sus inversiones en el sistema de diseño. Ayuda a reducir la deuda técnica al identificar props sin usar, componentes heredados y oportunidades de consolidación en las bases de código.
Características principales
Qué la hace destacar¿Para quién es Omlet?
Quién saca más provecho de esta herramientaPrecios
Plan gratuito disponible — empieza sin tarjeta de créditoFree
- 2 tags
- 4 scans
- 1 users
- 1,000 components
- 30 days scans period
- 30 scan retention days
- 1 usuario
- 4 escaneos cada 30 días
- 2 etiquetas
- Retención de escaneos por 30 días
- Hasta 1,000 componentes
- Uso básico de props y componentes
Intro
- 2 tags
- unlimited scans
- 2 users
- 1,000 components
- 90 scan retention days
- 100 additional components per 1000
- 2 usuarios
- Escaneos ilimitados
- 2 etiquetas
- Retención de escaneos por 90 días
- 1,000 componentes incluidos
- Uso básico de props y componentes
Advanced
- unlimited tags
- unlimited scans
- unlimited users
- 2,000 components
- unlimited scan retention
- 200 additional components per 1000
- Usuarios ilimitados
- Escaneos ilimitados
- Etiquetas ilimitadas
- Retención de escaneos ilimitada
- 2,000 componentes incluidos
- Uso avanzado de props y componentes
- Propiedades personalizadas
- Dashboard personalizado
Confianza y presencia
Galería
Haz clic en cualquier imagen para ampliarlaHerramientas similares
Bugpilot
Verificada
Reportes de errores
Monitoreo de errores para apps de React: sin cambios de código, configuración en 1 minuto y depuración asistida por IA
MightyMeld
Verificada
Herramientas para desarrolladores
Herramienta de desarrollo visual para React: edita componentes de UI visualmente mientras generas código limpio y listo para producción.
v0.dev by Vercel Labs
Herramientas para desarrolladores
Generador de UI con IA: describe lo que quieres y obtén código React limpio al instante
Openlit
Verificada
Herramientas para desarrolladores
Plataforma de observabilidad de código abierto para monitorear, depurar y evaluar aplicaciones de LLM y GenAI en producción.
Onlook
Verificada
Generador de diseños
Herramienta de diseño basada en IA que convierte maquetas visuales en código listo para producción y componentes en vivo.
Built for Devs
Verificada
Análisis de datos
Plataforma de inteligencia de adopción para desarrolladores: rastrea abandonos, obtén feedback real y descubre cómo mejorar tu producto.
Optibot
Verificada
Herramientas para desarrolladores
Agente de revisión de código con IA que detecta errores, problemas de seguridad y fallos de CI usando el contexto completo de la base de código
slicer.dev
Verificada
Herramientas para desarrolladores
Copia cualquier componente web con sus estilos e interacciones y pégalo como un prompt de IA o código React.