Journal
Practical guides, from real work.
How to build and publish animated websites with AI, written from what we make and measure at MOTION/LAB.
Prompt vs source files: why your AI rebuild never matches the demo
Why pasting a website prompt into an AI tool gives you something close but not identical, what a source package fixes, and when a prompt is still the right choice.
26 October 2026How fast are animated websites really? Lighthouse results for 125 templates
We measured all 125 MOTION/LAB templates with Lighthouse and a real-Chrome scroll test. Median mobile score 83, desktop 100, and what makes the slow ones slow.
26 October 2026How to build a website with AI in 30 minutes: the 7 steps that work
A plain 7-step path from choosing a template to a live website: make it yours, paste a prompt into an AI tool, check it, fix problems and publish for free.
26 October 2026How to put your AI-built website online for free (Cloudflare, Netlify, Vercel)
Plain steps to publish a finished website for free on Cloudflare Pages, Netlify or Vercel, what each free plan allows, and how to connect your own domain.
26 October 2026Claude vs Cursor vs Lovable vs v0 vs Bolt: where to paste a website prompt
Where to paste a website prompt in Claude, Cursor, Lovable, v0 and Bolt, plus Framer and Webflow: exact steps, free-plan facts and how each one publishes, from official documentation.
26 October 2026Best GSAP ScrollTrigger effects for landing pages in 2026, by what they do
A practical guide to GSAP ScrollTrigger effects for landing pages, grouped by job (reveal, pin, parallax, transform, text, SVG, navigation), with live demos and what to watch for.
26 October 2026How to build a 3D product scroll site (and keep it fast on phones)
What 3D really costs on a phone, from measurements of 45 Three.js templates: scrolling stays smooth, but loading and blocking time hurt. Plus a practical checklist.
26 October 2026Animation and accessibility: prefers-reduced-motion done properly
How to respect prefers-reduced-motion on animated websites: what to remove, what to keep, how to test it, and how every MOTION/LAB effect handles it.
26 October 2026Lenis + ScrollTrigger: smooth scroll without broken pins
How to connect Lenis smooth scrolling to GSAP ScrollTrigger correctly: the four lines that matter, the common mistakes, reduced motion, and how to test it.
26 October 2026Website prompts that work: what to include so the AI keeps your motion values
How to write a website prompt that survives an AI tool: the six parts a good prompt needs, why exact motion values matter, and how to stop the AI changing them.
26 October 2026What does a premium animated website cost, and what can you build yourself?
Four ways to get an animated website, compared on cost, time and control: a free AI tool, a template with AI, a template with source files, or an agency. Real prices where we have them.
26 October 2026The 8 most common problems after an AI builds your website, and the fix for each
Animation not playing, a broken phone layout, wrong fonts, changed motion values, deploy errors: the 8 most common problems after an AI tool builds a site, why they happen and how to fix them.
26 October 2026