Everything you need to ship immersive sites

A library of production-grade animation components, GSAP scroll effects, WebGL heroes, text reveals, menus, sliders, preloaders and full templates, written as prompts your AI coding agent can build from. Every one is built and tuned by the studio behind the site, then validated by actually running the prompt through an agent and comparing the result with the original.

Yes. A curated set of free items with the full prompt, no card needed. Copy one, see what your own agent does with it, and decide after that.

Free is a curated set, open to everyone: some components, backgrounds, shaders and templates. Unlimited adds the rest of the prompt library, every 4K background and shader, the website templates, exports from the lab and a commercial license. Full Stack adds the source code of every component as a zip, live tuning in the component editor and, on the lifetime plan, the premium MCP key so your agent pulls prompts and source directly.

Yearly is billed once a year and comes with fair use: 3 prompt copies a day (Full Stack yearly also 3 source downloads a day). Lifetime is a single payment, no renewal, no fair use on prompts or source, and the only way to get the premium MCP. If you ship more than a few sites a year, lifetime pays for itself on the second one.

On a yearly plan you can copy up to 3 paid prompts per day (and download up to 3 source zips per day on Full Stack). Free items never count. The counter resets every day at midnight UTC. It is there to keep the library from being bulk-copied, not to get in the way of building a site. Templates have their own limit on every paid plan, lifetime included: 3 downloads a day, so nobody takes the whole set at once.

Into whatever AI writes your code. Claude Code, Cursor, Windsurf, Copilot, ChatGPT, Lovable, Bolt, v0, anywhere you can paste a long prompt. It rebuilds the component inside your project, GSAP effect and all, ready to adapt to your design.

Yes. A prompt is plain structured language, not code, so it is tied to no framework. It describes a standalone HTML, CSS and JS component by default; tell your agent to build it in Next.js, Astro, Vue, WordPress or whatever you already use. Full Stack ships the reference implementation if you would rather start from working code.

Any current coding model. The prompts are validated against the strongest models of the day, so a small or old model will usually keep the layout and lose the motion. That is the single most common cause of "it did not look like the demo".

It plugs the library directly into your agent: it searches components, plans a page and pulls a prompt in mid-build, so you stop copying by hand. It is included with Full Stack lifetime. You do not need it, everything works by copy and paste, it just removes the step.

Yes, on any paid plan: commercial license, no attribution, no limit on sites or products. Free items are for trying the product, not for shipping untouched.

One adapted component sold inside one client site covers the plan, usually several times over. After that it is margin, and you are shipping in hours what used to be a week of design and build.

Regularly, designed and engineered in-house. Every paid plan includes everything that ships while it is active; on lifetime, that is forever.

Nine times in ten it is the model: an older or smaller one keeps the layout and drops the motion. Try it on a current model first. If it still looks wrong, write to contact@vanguardia.dev with the prompt and the model you used and we will work through it with you.

There is no password. Enter your email and we send you a link that signs you in on this device for 90 days. Buying a plan creates your account automatically and emails you that same link.

Yes, from your account page, and access runs to the end of the period you have paid for. Purchases are not refunded mid-cycle: it is digital content and it unlocks in full the moment you buy. See the Terms for the exceptions required by law.

Yes, any time. On lifetime you only pay the difference between the two plans, from your account page. On yearly, buy Full Stack and the Unlimited subscription is no longer needed; cancel it from your account.

Una biblioteca de componentes de animación de calidad profesional, efectos de scroll con GSAP, héroes WebGL, revelados de texto, menús, sliders, preloaders y plantillas completas, escritos como prompts a partir de los cuales tu agente de IA puede construir. Cada uno lo construye y afina el estudio detrás del sitio, y después se valida ejecutando el prompt de verdad en un agente y comparando el resultado con el original.

Sí. Un conjunto curado de ítems gratis con el prompt completo, sin tarjeta. Copia uno, mira qué hace tu agente con él y decide después.

Free es un conjunto curado, abierto a todos: algunos componentes, fondos, shaders y plantillas. Unlimited añade el resto de la biblioteca de prompts, todos los fondos 4K y los shaders, las plantillas web, las exportaciones del lab y la licencia comercial. Full Stack añade el código fuente de cada componente en zip, el afinado en vivo en el editor de componentes y, en el plan de por vida, la clave MCP premium para que tu agente obtenga prompts y código directamente.

Anual se cobra una vez al año y lleva uso justo: 3 copias de prompt al día (Full Stack anual también 3 descargas de código al día). De por vida es un único pago, sin renovación, sin uso justo en prompts ni código, y la única forma de tener el MCP premium. Si publicas más de un par de sitios al año, de por vida se paga solo con el segundo.

En un plan anual puedes copiar hasta 3 prompts de pago al día (y descargar hasta 3 zips de código al día en Full Stack). Los ítems gratis nunca cuentan. El contador se reinicia cada día a medianoche UTC. Está para evitar que se copie la biblioteca en masa, no para estorbar al construir un sitio. Las plantillas llevan su propio tope en cualquier plan de pago, también de por vida: 3 descargas al día, para que nadie se lleve el conjunto entero de golpe.

En la IA que escriba tu código. Claude Code, Cursor, Windsurf, Copilot, ChatGPT, Lovable, Bolt, v0, cualquier sitio donde puedas pegar un prompt largo. Reconstruye el componente dentro de tu proyecto, efecto GSAP incluido, listo para adaptarlo a tu diseño.

Sí. Un prompt es lenguaje estructurado, no código, así que no está atado a ningún framework. Por defecto describe un componente independiente en HTML, CSS y JS; dile a tu agente que lo construya en Next.js, Astro, Vue, WordPress o lo que ya uses. Full Stack incluye la implementación de referencia si prefieres partir de código que funciona.

Cualquier modelo de código actual. Los prompts se validan contra los modelos más potentes del momento, así que un modelo pequeño o antiguo suele conservar la maquetación y perder el movimiento. Es la causa más común de "no se parece a la demo".

Conecta la biblioteca directamente a tu agente: busca componentes, planifica una página y trae un prompt en mitad de la construcción, así dejas de copiar a mano. Va incluido con Full Stack de por vida. No lo necesitas, todo funciona copiando y pegando, sólo quita ese paso.

Sí, en cualquier plan de pago: licencia comercial, sin atribución, sin límite de sitios o productos. Los ítems gratis son para probar el producto, no para publicarlos tal cual.

Un componente adaptado dentro del sitio de un cliente cubre el plan, normalmente varias veces. A partir de ahí es margen, y publicas en horas lo que antes era una semana de diseño y desarrollo.

Con regularidad, diseñados y construidos en casa. Cada plan de pago incluye todo lo que salga mientras esté activo; en de por vida, para siempre.

Nueve de cada diez veces es el modelo: uno antiguo o pequeño conserva la maquetación y pierde el movimiento. Pruébalo primero en un modelo actual. Si sigue sin verse bien, escríbenos a contact@vanguardia.dev con el prompt y el modelo que usaste y lo resolvemos contigo.

No hay contraseña. Escribes tu email y te enviamos un enlace que te inicia sesión en este dispositivo durante 90 días. Comprar un plan crea tu cuenta automáticamente y te envía ese mismo enlace.

Sí, desde tu página de cuenta, y el acceso dura hasta el final del periodo que has pagado. Las compras no se reembolsan a mitad de ciclo: es contenido digital y se desbloquea por completo en el momento de comprar. Ver los Términos para las excepciones que exija la ley.

Sí, cuando quieras. En de por vida sólo pagas la diferencia entre los dos planes, desde tu página de cuenta. En anual, compra Full Stack y la suscripción de Unlimited ya no hace falta; cancélala desde tu cuenta.