Template

Photographer Portfolio

React AI

About this product

Darkroom Shell is a single-page portfolio template with a safelight-red darkroom look. It includes a filterable 12-frame gallery, a lightbox with EXIF details, a terminal-style command bar, and ready sections for services, process, gear, about, testimonials and booking.

The gallery visuals are built-in SVG illustrations, so there are no image files to manage. Replace the sample name, prices, text and contact details with your own and deploy to any static host.

Tech Stack

  • React
  • TypeScript
  • Vite
  • Tailwind
  • AI

Features

  • Filterable gallery with lightbox and EXIF details
  • Terminal command bar (ls, cat, develop all, help)
  • Services, process, gear, about and testimonials sections
  • Booking form UI with live clock header

Specifications

UI
React 19
Language
TypeScript
Build Tool
Vite
Styling
Tailwind CSS 4
Sections
8 + footer
Images
None (SVG illustrations)
Contact Form
Front-end demo (no backend)
Fonts
IBM Plex Mono, VT323 (Google Fonts)

Requirements

  • Node.js 18 or higher
  • Code editor (VS Code recommended)
  • Internet connection
  • Basic React knowledge to edit content
  • A form service or backend if you want real inquiries

What’s included

Zip File
Complete Source Code
Prompt.txt
Inlcuded

Frequently asked questions

How do I edit the content?

Gallery frames are in src/data/photos.ts. Services, gear, about and testimonials are in src/App.tsx. Contact details are in src/components/ContactForm.tsx. The README has a full table.

Does the contact form work?

It is a front-end demo: it shows a confirmation but does not send data. Connect it to a service like Formspree or EmailJS, or your own backend, to receive inquiries.

Can I use it for commercial projects?

Yes, for your own projects and client projects.

Need something custom?

Want this adapted to your brand or a different stack? Let’s talk about it.

Let’s Talk
All products →
$1.59 Buy now