Foliograph - Tailwind CSS photography portfolio template
A dark-themed photography portfolio template built with Tailwind CSS and Alpine.js, featuring gallery layouts, smooth animations, and SEO-optimized pages for photographers and visual creatives.
Includes 2 template versions
HTML template
Astro template
Striking dark aesthetic with vibrant yellow gradient accents for a premium photography showcase.
Mobile-first design ensures flawless display across desktops, tablets, and phones.
Image-centric pages with hero, gallery, profile, services, reviews, and contact sections.
Smooth scroll-triggered reveal effects and hover transitions powered by Intersection Observer.
Clean semantic HTML structure designed for better search engine visibility and ranking.
Both a static HTML template and an Astro build template are included with your purchase.
Home, blog listing, blog detail, privacy policy, terms of service, and documentation pages.
No heavy dependencies with vanilla JS and Alpine.js keeping the bundle size minimal.
Showcase your photography with a dark elegant portfolio template
Foliograph is a photography-focused portfolio template built on Tailwind CSS and Alpine.js, designed to help photographers and visual creatives present their work in a polished, professional format. The dark color scheme paired with bold yellow gradient accents gives the template a distinctive look that keeps the focus squarely on imagery. It ships in two formats, a static HTML version and an Astro build, so you can choose the workflow that fits your setup. With scroll-triggered animations, lightweight interactivity, and a mobile-first responsive layout, the template delivers a fast browsing experience across all devices.
What's included
- Home page with hero section, photo gallery, photographer profile, services, client reviews, and contact area
- Blog listing page for sharing photography tips, techniques, and industry trends
- Blog detail page with full article layout and related posts
- Privacy policy and terms of service pages with professional legal formatting
- Step-by-step documentation page for setup and customization guidance
- Both static HTML and Astro template versions included in a single purchase
Ideal for
- Portrait, landscape, and event photographers building an online portfolio
- Freelance photographers and creative professionals showcasing client work
- Photography studios looking for a ready-to-customize web presence
- Visual storytellers who want a dark, image-forward aesthetic
- Creative freelancers who need a fast, SEO-friendly portfolio site
Pages included
- Home — Full-featured landing page with six distinct content sections
- Blogs — Grid-based listing for photography articles and updates
- Blog Detail — Long-form article layout with related post suggestions
- Privacy Policy — Dedicated legal page template
- Terms of Service — Clear usage terms page
- Documentation — Built-in setup guide for getting started quickly
Tech & compatibility
The template uses Gulp as the build system for the HTML version and Astro's native build pipeline for the Astro version. Typography is handled with Montserrat and Raleway fonts, and icons come from Font Awesome 6. Animations rely on the browser's Intersection Observer API alongside vanilla JavaScript, keeping the dependency footprint small. Alpine.js powers interactive elements like menus and toggleable components without adding significant overhead.
Good to know
- Three license tiers are available: single site use, multiple installations for web services, and an extended license for larger organizations
- Free updates are included with your purchase
- Total file size is approximately 2.9 MB for HTML and 2.3 MB for Astro
