Back to themes

Foliograph - Photography Portfolio Template

Foliograph is a portfolio template crafted with Tailwind CSS and Astro designed specifically for photographers, Gallery and visual storytellers. Its dark, elegant aesthetic with vibrant yellow accents creates a captivating showcase for your photography, blending sophistication with bold creativity.


Cost

Paid


Created by
Portfolios

Foliograph is a sleek, modern portfolio template crafted with Tailwind CSS and Alpinejs, designed specifically for photographers, Gallery and visual storytellers. Its dark, elegant aesthetic with vibrant yellow accents creates a captivating showcase for your photography, blending sophistication with bold creativity. πŸ“Έ Perfect for portrait, landscape, or event photographers, Foliograph ensures your work shines with style and professionalism.

"Updated for Astro v6!"

🎯 Built for photographers, freelancers, and creative professionals, Foliograph combines a minimalist dark theme with dynamic functionality, delivering a fast, responsive, and SEO-optimized portfolio that leaves a lasting impression.

✨ Key Features:

  • πŸŒ‘ Dark Elegance Design – Striking dark theme with yellow gradient accents for a premium look
  • πŸ› οΈ Tailwind CSS Powered – Fully customizable with utility-first styling
  • ⚑ Blazing Fast – Lightweight and optimized for top performance
  • πŸ“± Responsive & Mobile-First – Flawless display on desktops, tablets, and phones
  • πŸ” SEO-Optimized – Clean, semantic markup for better search visibility
  • 🎬 Interactive Animations – Smooth reveal effects and hover transitions
  • 🧩 Alpine.js Integration – Lightweight interactivity for menus and dynamic elements

πŸ“‚ Included Pages:

  • 🏠 Home (Hero, Gallery, Profile, Service, Reviews, Contact)
  • πŸ“ Blogs (Photography Tips, Techniques, and Trends)
  • πŸ“° Blog Detail (In-Depth Articles with Related Posts)
  • πŸ›‘οΈ Privacy Policy (Professional Legal Page)
  • πŸ“œ Terms of Service (Clear Usage Terms)
  • πŸ“š Documentation (Step-by-Step Setup Guide)

⚑ Quick Setup:

  1. Open 'foliograph-astro' from the code editor
  2. Run npm install to install dependencies
  3. Start the dev server: npm run dev (http://localhost:4321/)
  4. Customize styles, images, and content
  5. Build for production: npm run build

❀️ Why Choose Foliograph?

  1. 🎨 Tailored for Photographers – Showcase your portfolio with stunning image-focused layouts
  2. ✨ Elegant Animations – Subtle reveal effects and hover interactions add sophisticatio
  3. πŸ–ΌοΈ Pixel-Perfect Visuals – Montserrat and Raleway fonts for modern typography
  4. πŸ’₯ Built for Impact – Ideal for photographers, studios, and creative freelancers

πŸ› οΈ Tech Stack:

  • ⚑ Astro 6 Build System
  • πŸŒ€ Tailwind CSS
  • πŸ”οΈ Alpine.js
  • πŸ–ΌοΈ Font Awesome 6
  • ✨Glightbox and Splide js

πŸ†“ Free Updates & Support

Foliograph includes free updates to keep your portfolio fresh and modern.

πŸŽ‰ Ready to showcase your photography with elegance and impact? Get Foliograph today! πŸš€