A sleek, broadcast-quality football lineup builder designed for YouTubers, content creators, and tactical analysts. Create custom or preset formations, intuitively drag and drop players, and export high-resolution screenshots ready for your video scripts.
- Progressive Player Reveal: Hide players upfront and smoothly reveal them sequentially to match your video script or narrative.
- Intuitive Drag & Drop: Fluidly swap player positions or drag them freely around the pitch with zero visual distortion.
- Flexible Pitch Controls: Switch between vertical and horizontal orientations and fine-tune your pitch's aspect ratio.
- One-Click Export: Download a high-quality, transparent PNG of your tactical setup.
- Broadcast-Ready Aesthetics: High-contrast dark theme (
#0f172a) with striking emerald accents (#10b981), optimized specifically for video downscaling and compression.
- Node.js
-
Clone the repository:
git clone https://github.com/MS-Teja/lineupBuilder.git
-
Install dependencies:
cd lineupBuilder npm install -
Start the Vite development server:
npm run dev
This project is configured to easily deploy to GitHub Pages. Just run:
npm run deployBuilt with React, Vite, and Lucide Icons.