El stack que usan los premios Awwwards (Lenis, GSAP, Three.js, Mona Sans) explicado paso a paso, con las 11 reglas firmes que separan una landing premium de una que va a 28 fps. Sin frameworks de moda. Sin teoria infinita. Para abrir Claude Code y construir hoy.
Cada capitulo es una pieza del stack. Puedes leerlos en orden o saltar al que necesites para tu proyecto.
HTML/CSS/JS vanilla + Lenis (smooth scroll) + GSAP ScrollTrigger + Three.js para WebGL. Tipografia Mona Sans / Inter / Bebas Neue. Por que NO Next/Astro en landings y cuando si.
line-height ≥ 1.05 en displays. RAFs pausables con IntersectionObserver. Max 3-4 GPU layers. Lenis lerp 0.09. tabular-nums para counters. bold-no-italic en hero. Cada una con benchmark.
Scroll-triggered morph. Parallax escalonado. Particulas Three.js de bajo coste. Canvas shaders de fondo. Modelo 3D interactivo. Video background con poster + fallback. Snippets copy-paste.
Pexels API (200 req/h gratis). Imagen 4 con formato "Generate an image: <desc>". Aurora image-to-video por CDP. Como aumentar la cuota efectiva con sesiones rotadas. Scripts incluidos.
Como auditar RAFs, paint, GPU layers ANTES de anadir capas especulativas. Producir > pulir tooling. Cada landing concepto unico (no clonar). Cuando parar de iterar.
Apilar GPU layers. content-visibility con Lenis. Clonar conceptos entre landings. Meta-instrucciones en prompts Imagen. Confiar en el primer benchmark. Cada antipatron con su fix.
Prefiero que te quedes fuera si no encajas, a que compres con dudas.
Reviews de los developers que tuvieron el Curso en early access.
"En 2 dias monte la landing de un cliente con Lenis + ScrollTrigger sin pelearme con el debug. Las 11 reglas valen el precio del Curso solas."
// madrid · 4 anos exp"El capitulo de tooling de assets vale dinero. Llevaba meses pagando Midjourney sin necesidad — con Pexels API + Imagen 4 cubro casi todo lo que necesito."
// barcelona · estudio de 3"Soy senior pero llevaba un ano sin tocar landings. El Curso me ahorro 2 semanas de research. Los antipatrones son oro — me ahorre 3 deploys rotos."
// valencia · saas b2b"Cobre 1.800 EUR por una landing que monte en 3 dias siguiendo el caso practico del capitulo 7. El Curso se paga x90 con un solo cliente."
// barcelona · 6 anos exp"Saltaba de tutorial a tutorial sin terminar nada. Con esto monte mi primer hero con Three.js en una tarde. El secreto era no tener que entender 200 cosas, solo las 11 que importan."
// madrid · 1 ano exp"Me lo recomendo un colega de un slack. La parte de RAFs pausables me arreglo un bug de scroll jank que llevaba mes y medio sin resolver. 19 EUR > 6 horas de mi tiempo."
// bilbao · 5 anos exp"Vengo de diseno y siempre dependia de un dev para las animaciones. Ahora con Claude Code y el stack del curso levanto landings yo sola. Cambio total."
// sevilla · transicion 2025"Los antipatrones son el capitulo que lei mientras desayunaba. 11/10 las reglas de performance, especialmente la de RAFs huerfanos — me corrigio un patron malo que llevaba 3 anos arrastrando."
// granada · 9 anos exp"Lo paso a todos los devs que entran al estudio. Es la onboarding mas eficiente que tengo — ahorra una semana de explicaciones."
// malaga · estudio de 4"Llevo 6 anos de frontend y aprendi cosas. La parte de GPU layers fue revelacion — tenia 8 capas sin querer en una landing de produccion y nadie en code review lo habia detectado."
// zaragoza · 6 anos exp"Salgo del bootcamp y la diferencia entre mis practicas y este nivel es brutal. Lo lei en 2 noches. No es facil pero esta bien explicado, sin paja."
// pamplona · 6 meses exp"Para clientes pequenos el stack vanilla me libero de Next.js. Mas rapido, menos overhead, mas margen. No necesito un router de 50KB para un one-page de un fotografo."
// murcia · 3 anos exp"Le pase el caso practico del cap 7 directamente a Claude Code y monto una landing para una boda en 25 minutos. El novio creia que era una agencia de 5k."
// bilbao · 7 anos exp"Si vienes de WordPress y quieres salir del barro de plugins, esto es el atajo. Los snippets del curso son copy-paste reales, no pseudocodigo. Se nota que esta escrito por alguien que produce."
// valencia · ex-WP · 4 anos"Compramos 5 licencias para el equipo. Bajo el tiempo de delivery un 40 por ciento en proyectos de marketing. Ya pagamos x20 en el primer mes."
// madrid · agencia 5p"Compraba assets en Envato cada landing nueva. Ya no. Pexels API y Imagen 4 cubren el 95 por ciento, y con calidad cinematic. Solo eso ya amortiza el curso."
// las palmas · 5 anos exp"El audit del cap 5 me subio un Lighthouse de 67 a 94 sin tocar nada mas que las 11 reglas. El cliente penso que habia contratado a un consultor de performance."
// sevilla · 8 anos exp"Honesto y al grano. Sin paja motivacional. Cada pagina aporta algo concreto. Es lo opuesto a esos cursos de Udemy de 40 horas que repiten lo mismo."
// vigo · 4 anos exp"Compre para mi, ahora es lectura obligatoria del equipo entero. Mejor inversion del trimestre — menos rebote en code reviews, menos jank en QA."
// barcelona · agencia 8p"Vendi 3 landings a 800 EUR cada una el mes pasado. Antes tardaba el doble en cada una. Ahora con el flujo del curso entrego en 3-4 dias en vez de 8-10."
// alicante · 3 anos exp"Tenia Three.js como tabu. Ahora le pierdo el miedo. El cap 3 es oro — explica cuando SI y cuando NO usar 3D, que es exactamente lo que nadie te dice en YouTube."
// san sebastian · 1 ano exp"Valido muchas cosas que ya intuia y me corrigio 2 vicios concretos que me ahorraron mucho jank en mobile. Para senior que cree que ya lo sabe todo: leelo igualmente."
// madrid · 10 anos exp"Le dimos el curso a un junior en su primera semana. A las 2 semanas estaba entregando landings en produccion sin code review intensivo. Eso para mi no tiene precio."
// bilbao · estudio 3p"Llevo 12 anos en frontend y este es el primer recurso que combina IA + animacion sin caer en el hype. Los prompts a Claude del cap 7 son plantillas que uso ya cada semana."
// madrid · 12 anos expWeb Master con Claude
Curso completo + actualizaciones gratis 12 meses
Pago unico · Sin suscripciones · Acceso de por vida
Comprar Curso → 19,99 EUR// Pago seguro Stripe · SSL 256-bit · Curso entregado al instante
Tras 9 landings cinematograficas en produccion (EcomNet, Health365, top-skills.pages.dev y otras), el stack se reduce a algo aprendible en una tarde — si te dan las 11 reglas que importan. Eso es lo que tienes dentro del Curso.
Inmediato. Al confirmarse el pago en Stripe, recibes en tu email un enlace de descarga del Curso en menos de 2 minutos. Si pasa mas, revisa spam o escribe a soporte y lo resolvemos manualmente.
Si, basico. Si entiendes que es un addEventListener y has tocado display: flex, vas sobrado. NO es para totales principiantes — el Curso asume HTML/CSS basico y JS lo suficiente para entender callbacks y async/await.
Las librerias del stack (Lenis, GSAP, Three.js, Mona Sans) son todas open-source o de uso comercial libre con sus terminos respectivos. El Curso te explica como las cargas via CDN sin instalar nada local. Funciona con Claude Code, Cursor, Copilot o tu editor de toda la vida.
Si. El stack de landings premium evoluciona rapido (GSAP 4, View Transitions API, fonts variables). Tienes updates gratis durante al menos 12 meses desde tu compra. Cuando publiquemos una version nueva del Curso, te llega al mismo email sin coste.
Por ley los productos digitales de descarga inmediata no tienen derecho de desistimiento, pero SI emitimos reembolso si: hay cobro duplicado, el Curso no se entrega, o detectas cargo fraudulento. Detalle completo en reembolsos.
Curso en formato PDF A4 (210x297 mm), optimizado para lectura en tablet horizontal o monitor. Tipografia 11pt cuerpo / 22pt headlines. Los snippets de codigo son seleccionables (no son imagenes) — puedes copiar a Claude directamente.
El Curso "Web Master con Claude" cubre una de las 3 IAs que usa todos los dias un freelance moderno. Hay dos mas que, combinadas con Claude, te convierten en una agencia de una sola persona.
Top Global Net lo cubre todo en su curso completo de las 3 IAs — automatizaciones, prompting comercial, y el stack que cierra clientes en remoto.
Ver curso 3 IAs →Curso externo de Top Global Net · abre en pestana nueva