Frame and Light - Photography Studio and Portfolio Next.js Template
Business · by QA Done
Frame and Light - Photography Studio and Portfolio Next.js Template is a Next.js and Tailwind CSS website template for photography studios, freelance photographers and creative agencies, with a markdown-driven portfolio and blog plus a contact page.
What is Frame and Light?
Frame and Light is a Next.js and Tailwind CSS template for photography studios, freelancers and creative agencies. It has a home page, portfolio and blog with slug-based detail pages, blog category and tag pages, and a contact section with a map and form. Content is written in Markdown files, so new work does not need component edits.
Best for
- Photography studios
- Freelance photographers
- Creative agencies
Pages in the demo
- Home
- About
- Portfolio
- Blog
- Contact
Highlights
- Markdown-driven content for portfolio and blog
- Blog category and tag pages
- Hero slider, filters and sticky navigation
- Built with Next.js, React and Tailwind CSS
- Contact section with map and form
Key features
- Markdown-Driven Static Content Engine
- Portfolio + Blog Experience with Dynamic Slug Routing
- Reusable UI: hero slider, filters, sticky navigation
About Frame and Light - Photography Studio and Portfolio Next.js Template
Frame and Light - Photography Studio and Portfolio Next.js Template is a responsive website template for photography studios, freelance photographers, creative agencies and portfolio-focused service businesses. It is built with Next.js and React, styled with Tailwind CSS, and manages portfolio items, blog posts, services and team details as markdown content, so updates do not require code changes.
What's included
- Page types: Home, About, Portfolio Listing, Portfolio Details, Blog Listing, Blog Details, Blog by Category, Blog by Tag and Contact
- Portfolio and blog detail pages with dynamic, slug-based routing
- Sections for a hero slider, project grids, testimonials, a team and pricing blocks
- Contact page with a map embed and a split layout for contact details and the form
- Reusable React components for customizing and extending the site
Key features
- Markdown-driven static content engine for portfolio, blog, services and team content
- Portfolio and blog experience with dynamic slug routing
- Reusable UI system with a hero slider, filterable sections, sticky navigation and contact blocks
- Built with Next.js and React
- Styled with Tailwind CSS and fully responsive on desktop, tablet and mobile
- Blog browsing by category and by tag
Requirements and tech
- Stack: Next.js, React and Tailwind CSS
- Content: markdown-based, editable without code changes
- Preview the live demo before buying
Good to know
The contact section is provided as map and form UI. You can replace media, text, brand colors and content sections to fit weddings, portraits, commercial shoots, personal brands or creative agencies. Every item on manob.ai is manually reviewed before approval. Seller support runs through manob.ai's ticket system for 6 months after purchase.
At a glance
| Type | Next.js template |
|---|---|
| Built with | Next.js, React, Tailwind CSS |
| Layout | Responsive |
| Grid | 12 columns |
| Documentation | Online documentation |
| Live demo | Open the live demo |
| Licenses | Regular $32.30 (was $34) · Extended $627 (was $660) |
| Support | 6 months from the seller, via the manob.ai ticket system |
| Seller | QA Done |
| Last updated | October 2026 |
Screenshots
Licenses and price
- Regular License: $32.30 (regular price $34) — one end product where end users are not charged.
- Extended License: $627 (regular price $660) — an end product where end users are charged.
- Includes 6 months of support from the seller.
What our editors say
Frame & Light: best for a photography or creative portfolio with a blog
Frame & Light is markdown-driven: you write portfolio projects and blog posts in markdown, and Next.js builds each detail page from its slug. You get blog category and tag pages, a hero slider, project grids, team and pricing blocks and a contact page with a map embed, all in Tailwind CSS. Our photography website templates and portfolio website templates roundups compare it with HTML and WordPress options.
Read the full comparison in Next.js Templates: 15 Picks by Version, Router and Hosting
Frame and Light: best for a developer building a studio site with a blog
Frame and Light is built with Next.js, React and Tailwind CSS for photography studios, freelancers and visual agencies. Content is markdown-driven, and its nine page types cover Home, About, portfolio and blog listings with detail pages, blog category and tag pages, and Contact. It also has a hero slider, project grids, testimonials, team and pricing blocks, and a contact section with a map embed.
Read the full comparison in Photography Website Templates: 11 Picks by Format
Frame and Light: best for a Tailwind blog or portfolio you'll keep adding to
Frame and Light keeps its content in markdown files, so you can update posts and portfolio items without reworking the site's structure. It has blog listing, detail, category and tag pages, portfolio pages and a contact page with a map embed. Its listing names photography studios, freelancers and visual agencies.
Read more in Tailwind CSS Templates: 9 Picks and How to Customize Them
Frame & Light: best for a portfolio with a blog
Frame & Light is a Next.js and Tailwind CSS template with markdown-driven content, so you can update portfolio items and blog posts without rebuilding the site structure. It includes portfolio and blog listing and detail pages, blog category and tag pages, a hero slider, filters and a contact page with a map.
Read the full comparison in Portfolio Website Templates: 15 Picks by Profession
Frequently asked questions
What do I need to use Frame and Light?
Node.js and a package manager such as npm to install the dependencies and build the project, plus a host for the built site.
Can I see a live demo of Frame and Light before buying?
Yes. The Live preview button on this page opens the seller's live demo, so you can click through it before you buy.
Which license do I need for Frame and Light?
The Regular License ($32.30, was $34) covers one end product, made by you or for one client, whose end users are not charged. The Extended License ($627, was $660) covers one end product whose end users are charged. Prices include the buyer fee. Neither license lets you redistribute the source files as they are.
Is support included with Frame and Light?
Yes. Every purchase includes 6 months of support from QA Done through the manob.ai ticket system.
Tags: nextjs template, photography portfolio, photography studio, creative agency, tailwind css, responsive design, static site generation, markdown content, blog template, portfolio showcase, dynamic routing, react template