Predict every match. Track every result. Share your road to the final. 🔗 wc26.framer.website
WC26 is a complete, interactive World Cup 2026 companion built entirely in Framer with an AI coding agent — from the live data layer and bracket logic to the typography, motion, and share-image rendering. Make your predictions, follow the tournament with real live scores, and export a shareable bracket.
🏆 Full predictor — call every match from the group stage to the final, three ways: a swipe-style One-by-One duel, a Rounds Grid, and a Group Stage mode with goal-by-goal scorelines. Your group results dynamically re-seed the knockout bracket in real time. 📡 Live scoreboard — real-time scores (no backend, no API key) with a ticking game clock and an upcoming-match countdown, plus a Picture-in-Picture dock that floats the live score in an always-on-top window. 📊 Results hub — all 104 fixtures by day in your local timezone, 12 live group tables, and the real knockout bracket as it fills in. 🎬 Share — generate a poster, summary card, or animated MP4 reel of your bracket and post to X, Facebook, Instagram, or TikTok.
A calm, monotone black-and-white "galactic" aesthetic: a deep-space backdrop with a subtle starfield, crisp Space Grotesk type, rounded cards, and zero clutter — fully responsive, with an on-theme custom 404 page.
The whole project — the dynamic bracket engine, live ESPN data integration, picture-in-picture player, canvas-based image and video export, and the entire design system — was designed and refined conversationally through an AI agent working directly on the Framer project. A showcase of how far an agent-driven workflow can push a single Framer code component: real logic, real live data, a real product.
Predict every match. Track every result. Share your road to the final. 🔗 wc26.framer.website
WC26 is a complete, interactive World Cup 2026 companion built entirely in Framer with an AI coding agent — from the live data layer and bracket logic to the typography, motion, and share-image rendering. Make your predictions, follow the tournament with real live scores, and export a shareable bracket.
🏆 Full predictor — call every match from the group stage to the final, three ways: a swipe-style One-by-One duel, a Rounds Grid, and a Group Stage mode with goal-by-goal scorelines. Your group results dynamically re-seed the knockout bracket in real time. 📡 Live scoreboard — real-time scores (no backend, no API key) with a ticking game clock and an upcoming-match countdown, plus a Picture-in-Picture dock that floats the live score in an always-on-top window. 📊 Results hub — all 104 fixtures by day in your local timezone, 12 live group tables, and the real knockout bracket as it fills in. 🎬 Share — generate a poster, summary card, or animated MP4 reel of your bracket and post to X, Facebook, Instagram, or TikTok.
A calm, monotone black-and-white "galactic" aesthetic: a deep-space backdrop with a subtle starfield, crisp Space Grotesk type, rounded cards, and zero clutter — fully responsive, with an on-theme custom 404 page.
The whole project — the dynamic bracket engine, live ESPN data integration, picture-in-picture player, canvas-based image and video export, and the entire design system — was designed and refined conversationally through an AI agent working directly on the Framer project. A showcase of how far an agent-driven workflow can push a single Framer code component: real logic, real live data, a real product.
Hamzah Haroon