FONSIDEV
Volver al portfolio
✨
Lab2026

Pulse

Motion Analytics SaaS

Live syncReal FPSHonest demo

Pulse mide el rendimiento de landings animadas. Hero con stats live via Partykit, pricing, testimonios, marquee infinito y telemetría flotante — esta página es el producto y el portfolio demo.

Arquitectura · Pulse

Layer 1

PerformanceObserver para LCP, CLS, INP en cliente

Layer 2

GSAP ScrollTrigger + toggle Motion ON/OFF con baseline

Layer 3

Partykit room «landing» para viewers y FPS feed

Layer 4

AI Motion Report via /api/audit con métricas JSON

Demo loop · 10sPulse

Pulsa «Motion OFF» y compara métricas · luego «AI Motion Report»

Preview animado — abre el demo live para la experiencia completa

Try in 30s

Telemetría live: FPS, viewers, GPU
Pricing + testimonios como producto real
Marquee infinito + ScrollTrigger reveals
Reduced motion support

Stack técnico

  • → PerformanceObserver para LCP, CLS, INP en cliente
  • → GSAP ScrollTrigger + toggle Motion ON/OFF con baseline
  • → Partykit room «landing» para viewers y FPS feed
  • → AI Motion Report via /api/audit con métricas JSON
Next.jsGSAPPartykitScrollTriggerTailwind v4
Abrir demo liveVer código en GitHub