Photo Studio React Template – Cyclora

About This Item

Cyclora React is a photo studio React template, made for a photo studio complex that hires its rooms by the hour and its kit by the day. It rebuilds the Cyclora 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.

It looks exactly like the Cyclora demo. Underneath, the studio, gear & booking logic runs in React state. That covers live availability from the visitor’s own clock and a day planner that refuses booked hours, and the page updates the moment a visitor changes an option.

Three Home Pages As Components

• The Studios – a hero slider over the studios with the live strip of who is free.
• The Gear Room – a search hero with the pick-up hours and the deposit rule, the gear categories.
• Book A Day – a black hero with every studio’s status now.

Studio, Gear & Booking Pages In React

• Our Studios – five studios with type tabs, must-haves.
• Studio One & The Daylight Loft – two studio pages with the gallery, the specs.
• Rates & Packages – every studio’s hour, half day and day.
• Book A Studio – a six-step wizard: studio, day and hours from live availability, gear, crew and extras.
• The Gear Room – categories, a day-rate filter, search, sort and prices for the hire days.
• Hire Bag & Checkout – the hire period, gear, studios, crew and paper in one bag.

Photo Studio 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 photo studio React template in another stack? Cyclora also comes as HTML5, Vue, Angular and WordPress. You can get every format in the developer bundle at 20% off, or browse more Photography React templates.

Built with React and Vite, with Poppins and IBM Plex Mono from Google Fonts.