NFL Uniform Mixer
An interactive web application to visualize and customize NFL team uniform matchups.
About this Project
The NFL Uniforms Matchup Viewer is an interactive, responsive static web application that allows users to visualize and customize matchups between NFL teams. Users can select Home and Away teams, mix and match different uniform elements (helmets, jerseys, pants, and socks), and export high-resolution images of their custom matchups.
It features a sleek dark-mode UI with a studio-lit white stage that perfectly frames the mannequins, and a built-in "Save Image" feature that uses mathematically perfect cropping and scaling to generate a standardized 1920x1080 high-res PNG image.
Built with vanilla JavaScript, HTML5, and CSS3, this project runs completely client-side in the browser.