Streetwear React Template – Urbanza

About This Item

Urbanza React is a streetwear React template, made for streetwear and sneaker stores. It rebuilds the Urbanza design as a React 18 app with Vite. Every page is a function component, and React Router moves between all 34 pages without a reload.

The look and the content match the Urbanza demo. Underneath, the drop, raffle & store logic runs in React state. That covers a drop calendar worked out from today’s date and a raffle for every drop with its window, and the page updates the moment a visitor changes an option.

Three Home Pages As Components

• The Drop – a full-screen slider with this week’s drop docked on its foot and counting down.
• Skate & Street – a split hero with the next deck series counting down, the deck wall.
• Sneaker Wall – the drop sneaker on concrete.

Drop, Raffle & Store Pages In React

• Drop Calendar – a sneaker every Saturday at 10:00 from a line-up of 8.
• Drop Details & Raffle Entry – the sneaker, its colour, price and method, the raffle window.
• Raffles – the next four raffles with their windows and entries.
• Size Guide – foot length and how you like them to fit.
• Build A Complete – a deck and its width by your shoe size, trucks to the width.
• Gift Vouchers – any amount from £10 to £500 on three card designs with a live preview.

Streetwear React Template Features

• React 18 function components and hooks across 34 pages
• Vite for a fast dev server and an optimised production build
• React Router routes for every page, including the three home pages
• Cart, theme and language state shared through React Context
• Light and dark mode on one switch, remembered between visits
• Right-to-left layouts for every page
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Getting Started

First, install Node 18 or newer. Then run npm install and npm run dev to open the site locally. When it is ready, npm run build writes static files that any host can serve.

Looking for this streetwear React template in another stack? Urbanza also comes as HTML5, Vue, Angular and WordPress. You can get every format in the developer bundle at 20% off, or browse more Fashion & Apparel React templates.

Built with React and Vite, with Poppins and Chivo from Google Fonts.