Welcome to the UEFA Champions League 2025–2026 Draw Simulator — an interactive, web-based tool built to realistically simulate the Swiss model league stage draw. This application combines advanced logic, official UEFA regulations, and engaging visuals to deliver the most authentic Champions League draw experience available online.
Implements the official Swiss-system draw rules introduced in the UEFA Champions League 2024/25 season. Ensures:
- Country protection (no two clubs from the same association)
- Balanced opponent distribution from different seeding pots
- Compliance with real UEFA restrictions
Modern, card-based design inspired by the Champions League identity. Features include:
- Glassmorphism effects
- Team logos and colors
- Hover and click interactions
After the simulation:
- Click any team to view its 8 unique opponents
- Each matchup is displayed in a clean, shareable layout
- Scroll through the welcome animation
- Click “Draw!” to initiate simulation
- Use the “Back” button to explore more teams
- Redraw anytime for a new simulation
- Open
index.htmlin your preferred web browser. - Scroll past the animated welcome screen.
- Click the “Draw!” button to start the UEFA league stage simulation.
- Explore team pairings by clicking on team cards.
- Return using the “Back” button or start a new draw at any time.
- HTML5 – Semantic web structure
- CSS3 – Responsive design, animations, and modern UI effects
- JavaScript (ES6+) – Core simulation logic and dynamic content rendering
This simulator was developed by Kerem Tokgöz, a computer engineer passionate about football analytics and user-centric design. The project explores the technical and visual challenges of building a Champions League Swiss model simulation tool, combining real-world rules with modern web development practices.
This project is not affiliated with or endorsed by UEFA. It is an independent simulation created for educational and portfolio purposes.
UEFA Champions League draw simulator • Swiss model Champions League format • Champions League 2025/26 draw • interactive football draw • football web app project • UEFA simulation tool • JavaScript football simulation • Champions League UI design