Magazine React Template – Glossa

About This Item

Glossa React is a magazine React template, made for fashion magazines. It rebuilds the Glossa design as a React 18 app with Vite. Every page is a function component, and React Router moves between all 31 pages without a reload.

It looks exactly like the Glossa demo. Underneath, the magazine logic runs in React state. That covers issues that go on sale on the first Thursday of the month and number themselves from the date and an issues archive with covers drawn in CSS, and the page updates the moment a visitor changes an option.

Three Home Pages As Components

• The Magazine – a powder hero slider with the issue’s title in a framed card.
• Street Style – a large tile slider beside two stories, The Mood Board.
• The Long Read – a boxed hero over the story wall, the long reads in one column.

Magazine Pages In React

• The Issues – twelve months of covers drawn in CSS.
• This Issue – the cover, the contents with page numbers.
• Subscribe – print, digital or both for 3, 6 or 12 issues.
• Gift A Subscription – the same engine with the recipient, a message, the issue it starts with.
• Shop The Look – a story’s pieces with sizes.
• Most Read – today, this week, this month or all time, by section.

Magazine React Template Features

• React 18 function components and hooks across 31 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 magazine React template in another stack? Glossa 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 Playfair and Mulish from Google Fonts.