Vengeance UI es una biblioteca de componentes animados para React y Next.js pensada para quien quiere una web de marketing con más movimiento que una tostadora. Te da interacciones visuales listas para instalar. El escaparate entra por los ojos; la licencia y el precio, en cambio, no se pueden verificar. Y ahí toca frenar.
TL;DR: El resumen sin rodeos
- Qué ofrece: componentes, bloques y efectos interactivos para proyectos con React y Next.js.
- Instalación: la web documenta una ruta mediante la CLI de shadcn y su propio registro.
- Prueba pendiente: no se ha aportado una prueba reproducible ni resultados independientes.
- La pega seria: la fuente disponible no permite verificar licencia, precio ni una integración MCP oficial.
En este artículo
| Qué es | Componentes visuales con código público para React. |
|---|---|
| Web oficial | https://www.vengenceui.com/ |
| Plataformas | Web (React, Next.js); instalación vía CLI con npx shadcn |
| Requisitos | npx / shadcn CLI para instalar componentes |
| Integraciones | React, Next.js |
Revisado el 2026-09-25
Esta herramienta forma parte de estos recopilatorios: Bibliotecas de componentes UI para crear webs con IA
El problema que resuelve
Vengeance UI intenta recortar el trabajo repetitivo de construir interacciones visuales desde cero. Su web oficial presenta efectos de desplazamiento al pasar el cursor, tooltips animados, tarjetas ligadas al desplazamiento y bloques para landing pages.
En cristiano: eliges una pieza visual, la incorporas al proyecto y la adaptas, en lugar de dedicar una tarde a perseguir una animación que termina temblando como un flan. La biblioteca declara 46 componentes, nueve familias y más de 100 bloques en la página revisada el 25 de septiembre de 2026.
¿A quién le duele este problema? A equipos pequeños, freelance y responsables de marketing que quieren una landing page con personalidad, pero no pueden encargar cada interacción a medida. También a desarrolladores que necesitan avanzar deprisa sin entregar otra colección de tarjetas clónicas.
Vengeance UI va directa al movimiento y la interacción. Ahí está su gracia. También su límite: fuera de ese terreno tiene poco que aportar.
Cómo se pone en marcha
La ruta documentada es instalar cada componente mediante la CLI de shadcn. El patrón publicado por el proyecto es npx shadcn@latest add @vengeanceui/[component], sustituyendo el marcador final por el componente elegido.
Antes necesitas un proyecto compatible y el entorno necesario para ejecutar npx. La fuente identifica React y Next.js como entornos compatibles. Vercel aparece como respaldo a través de su programa OSS, no como integración. Tampoco aporta una matriz de versiones, dependencias detalladas ni un procedimiento de desinstalación.
Para deshacer un cambio tocaría revisar qué archivos y dependencias añadió la orden y retirarlos desde el propio proyecto. No voy a inventar un botón mágico de marcha atrás porque la documentación entregada no lo describe.
Tampoco hay una prueba reproducible en el dossier. Sabemos qué orden propone el proveedor, pero no se ha documentado aquí una instalación ejecutada, una versión concreta, el componente probado ni su comportamiento en producción. Por ahora solo tenemos la documentación comercial. Tampoco consta una experiencia aprobada de Dani.
Copia esto y pégalo en Claude Code, Cursor o tu asistente de código favorito:
Revisa https://www.vengenceui.com/ y añade un componente de Vengeance UI con la CLI de shadcn. Antes de cambiar archivos, confirma que el proyecto usa React o Next.js y crea un punto de restauración. Arranca el proyecto, prueba la interacción en móvil y escritorio y enumera cada archivo modificado.
El asistente puede guiarte durante la instalación, la configuración y las pruebas, pero tendrás que revisar los cambios y resolver cualquier conflicto que aparezca.
MCP de Vengeance UI
No hay una integración MCP oficial verificable en el dossier de Vengeance UI. Lo acreditado es un registro consumido mediante la CLI de shadcn, que sirve para añadir componentes al código; eso no convierte la biblioteca en un servidor MCP.
Un MCP permitiría, en teoría, que un asistente consultara herramientas o recursos expuestos por un servidor compatible. Aquí no tenemos una URL de servidor ni sabemos cómo se conectaría. Tampoco están documentados los permisos o las herramientas disponibles. Pum. No existe base documental para prometer esa conexión.
Lo que sí puedes hacer es pedir a un asistente de código que inspeccione el proyecto y ejecute la instalación documentada. El prompt anterior cubre esa ruta y obliga a comprobar los cambios. Llamar a eso "instalar el MCP de Vengeance UI" sería adornarlo con una etiqueta técnica que no le corresponde.
Usándola en marketing real
¿Dónde tiene sentido? En una landing page de campaña que necesita una cabecera con movimiento, un bloque de producto más visual o una navegación con mayor respuesta al cursor. Es un escenario posible, no una experiencia propia ni un resultado medido.
Un equipo pequeño podría seleccionar una sola interacción, instalarla en una rama separada y comparar la página antes y después. La revisión debería medir la carga y probar bien el comportamiento táctil. También toca revisar la accesibilidad y, sobre todo, si el efecto ayuda a entender la oferta. Que algo se mueva no significa que comunique mejor. A veces solo se mueve.
La trampa aparece cuando el equipo elige componentes por lo bien que quedan en la demostración y se olvida del trabajo que deben hacer. En una landing, la animación tiene que dirigir la atención o reforzar una acción. Si compite con el mensaje, es decoración cara, tenga el coste que tenga.
Vengeance UI encaja dentro del mismo mapa que otras bibliotecas de componentes para crear webs con IA. Si buscas otra colección orientada a movimiento, puedes investigar Magic UI. Para decidir cuál encaja mejor toca probarlas, porque aquí no hay ganadora por decreto.
Lo que no te cuentan
La limitación decisiva es documental: la ficha verificada no aporta precio ni licencia. La página afirma que los componentes son de código abierto, pero al pie también muestra una reserva general de derechos. Sin un texto de licencia identificable, no asumiría permisos de uso, modificación o redistribución para un proyecto comercial.
No hay importe que convertir a euros a fecha del 25 de septiembre de 2026. Tampoco sabemos si todos los bloques tienen las mismas condiciones, si existen funciones de pago o si aparecen costes externos. Inventar "gratis" porque hay una orden de instalación sería hacer periodismo con una servilleta.
Faltan además datos sobre versiones compatibles, accesibilidad, peso añadido y mantenimiento. La web promete integración sencilla con React y Next.js, pero esa afirmación procede del propio proveedor. No demuestra que un componente concreto encaje sin conflicto en cualquier proyecto real.
Cuanto más singular sea una interacción, más adaptación va a necesitar. El valor está en escoger uno o dos efectos y ponerlos al servicio del diseño, el mensaje y el rendimiento. Copiar veinte porque quedan bonitos en la demostración acaba en feria.
Veredicto
La propuesta de Vengeance UI se entiende rápido: componentes visuales que el proveedor presenta como de código abierto, interacciones menos habituales y una ruta de instalación reconocible para React y Next.js. Merece la pena explorarla. Hasta ahí.
No basta para recomendarla sin reservas. Antes de usar Vengeance UI en producción comprobaría la licencia exacta, las dependencias añadidas y el comportamiento del componente elegido. Después haría una prueba aislada y reversible.
Mi veredicto editorial es bastante simple: pruébala si necesitas una interacción concreta y sabes evaluarla. ¿Montar toda la landing alrededor de lo bien que luce la demostración? Ni de coña. El movimiento llama la atención; luego hace falta criterio para que sirva de algo.
