The definitive editorial street archive and premium e-commerce platform for rare kicks.
10 Kicks is not just another sneaker store—it's a highly curated digital gallery for streetwear enthusiasts. Designed with a meticulous focus on typography, layout, and motion, it merges the world of high-end editorial magazines with modern e-commerce.
By leveraging cutting-edge web technologies, 10 Kicks delivers an immersive, ultra-fast, and buttery-smooth shopping experience.
- 🎭 Editorial Aesthetics: A bespoke, mobile-first design language that treats every sneaker like a piece of art.
- ⚡️ Blazing Fast: Powered by Vite & React 19 for instant page loads and zero layout shifts.
- 🌊 Silky Motion: Custom GSAP animations combined with Lenis smooth scrolling for a premium, native-app feel.
- 🧩 Modern Architecture: Fully typed, linted, and architected for scalable, component-driven development.
Built with the best modern tools the frontend ecosystem has to offer.
| Category | Technology | Description |
|---|---|---|
| Core | React 19 & Vite | The blazing fast foundation for our UI |
| Styling | Tailwind CSS v4 | Utility-first styling with custom global CSS properties |
| Motion | GSAP & Lenis | For complex choreographies and momentum scrolling |
| Routing | React Router v7 | Seamless client-side navigation |
| Icons | Lucide React | Beautiful, consistent iconography |
Follow these steps to get a local instance of 10 Kicks running on your machine.
👉 View Installation Steps
Make sure you have Node.js (v20+ recommended) installed.
git clone https://github.com/10kicks/10kicks.git
cd 10kicksnpm installnpm run devYour local server will spin up at http://localhost:3000.
10 Kicks is fully configured for zero-downtime deployments on the edge.
- GitHub Pages: Automated deployment is configured via
.github/workflows/pages.yml. Simply push tomain! - Vercel / Netlify: Import the repository. The build command (
npm run build) and output directory (dist) are automatically detected.
We're an open-source archive and welcome contributions from sneakerheads and developers alike.
- Fork the repository.
- Create your Feature Branch (
git checkout -b feature/AmazingFeature). - Commit your Changes (
git commit -m 'feat: add some AmazingFeature'). - Push to the Branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
Read our full Contributing Guidelines for more details.
Crafted with ❤️ by the 10 Kicks Team.