Personal Stylist React Template – Closetta

About This Item

Closetta React is a personal stylist React template, made for personal stylists and wardrobe consultants. It rebuilds the Closetta design as a React 18 app with Vite. Every page is a function component, and React Router moves between all 30 pages without a reload.

It looks exactly like the Closetta demo. Underneath, the styling & booking logic runs in React state. That covers 6 packages priced by the hour and by the stylist; a package builder that adds the hours and the add-ons and home-visit travel; a five-question style quiz that finds one of 6 profiles and matches every lookbook, and the page updates the moment a visitor changes an option.

Three Home Pages As Components

• The Studio – a full-bleed portrait slider with an avatar group, three gold-numbered steps.
• Colour & Style – a strip of portraits under a white bar with the menu centred, Your Season.
• Wardrobe Edit – the logo centred between the two halves of the menu.

Styling & Booking Pages In React

• Packages & Prices – every package’s hours and price, and a builder.
• Style Quiz – five pictured questions to a profile, its runner-up, each profile’s share.
• Colour Analysis – a four-question finder that names your season, its twelve colours, neutrals.
• Closet Audit – sort a sample rail keep, tailor or donate.
• Book A Session – six steps: the session, the stylist or the first one free.
• Lookbooks – every client lookbook by session, profile and season with search.

Personal Stylist React Template Features

• React 18 function components and hooks across 30 pages
• Vite for a fast dev server and an optimised production build
• React Router routes for every page, including the three home pages
• 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 personal stylist React template in another stack? Closetta 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 Montserrat and Playfair Display from Google Fonts.