Tailor React Template – Sartora

About This Item

Sartora React is a tailor React template, made for bespoke tailors and ateliers. It rebuilds the Sartora design as a React 18 app with Vite. Every page is a function component, and React Router moves between all 32 pages without a reload.

The look and the content match the Sartora demo. Underneath, the bespoke, fittings & cloth logic runs in React state. That covers a made-to-measure builder that draws the garment in the chosen cloth and prices it with its weeks and the date of every fitting; a measurement guide that works out the sizes as you type; fittings booking from the tailors’ diaries; an alterations estimate with the ready day; a cloth library by season and weight and weave; open now from the clock; and a ready-to-wear shop, and the page updates the moment a visitor changes an option.

Three Home Pages As Components

• The Atelier – a full-screen slider under a centred header.
• Couture – a three-panel slider, ready to wear from the atelier, The Fabric Book.
• The Cutting Room – a typographic hero with photographs set into the title, the commissions.

Bespoke, Fittings & Cloth Pages In React

• Made-To-Measure Builder – 10 garments, bespoke or made to measure, 27 cloths from the fabric book.
• Measurement Guide – 12 measurements on a drawn figure with how to take each one.
• Book A Fitting – five steps: the appointment.
• Alterations – 19 jobs by garment: tick the work and see the price and the ready.
• Cloth Library – every cloth by season, weight, weave, colour and mill, each drawn from its weave.
• Ready To Wear – 15 pieces with colours that swap the photograph, sizes, fit, price filter.

Tailor React Template Features

• React 18 function components and hooks across 32 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 tailor React template in another stack? Sartora also comes as HTML5, Vue, Angular and WordPress. You can get every format in the developer bundle at 20% off, or browse more Tailor & Bespoke React templates.

Built with React and Vite, with Jost and Ibarra Real Nova from Google Fonts.