Built by
Portfolios
Portfolios

VideoGraph - Tailwind portfolio template for videographers

A cinematic portfolio template for videographers and video editors, featuring a filterable video grid, lightbox playback, blog system, and 10 pre-built pages in both static HTML and Astro versions.

Includes 2 template versions

HTML

HTML template

Static HTML template built with Tailwind CSS v4, Alpine.js v3 and integrated with a Gulp build pipeline.
Astro

Astro template

Built with Astro, Typescript, Tailwind CSS v4, and Alpine.js v3.
VideoGraph screenshot
laptop-mobile Fully Responsive

Optimized layout that adapts seamlessly across desktops, tablets, and smartphones.

carousel Filterable Video Grid

Interactive portfolio grid with smooth transitions for easy project navigation.

tv-3 Video Lightbox

Integrated modal for immersive full-screen playback of your video projects.

search-content SEO Optimized

Semantic HTML with proper heading hierarchy and alt attributes for visibility.

accessibility WCAG Accessible

Components built following accessibility guidelines for inclusive user experiences.

section 10 Pages Included

Homepage, about, services, portfolio, contact, blog, blog detail, and legal pages.

layers-2 HTML & Astro Versions

Both a static HTML template and an Astro build template included in one purchase.

bolt-speed Fast Loading

Optimized code and media handling for quick page loads and smooth performance.

circle-info-sparkle Overview

Showcase Your Cinematic Portfolio with an Immersive Video Template

VideoGraph is a portfolio template built for videographers, filmmakers, and video editors who want to present their work in a cinematic, immersive format. Designed with Tailwind CSS, it ships in two versions, a static HTML template and an Astro template, giving you flexibility in how you develop and deploy. The layout centers around a striking hero section with video preview elements, animated timelines, and visual flourishes inspired by professional editing software. It uses vanilla JavaScript for lightweight interactivity, keeping things fast without relying on jQuery or heavy frameworks.

What's included

  • Homepage with a cinematic hero section featuring video preview controls and audio waveforms
  • About page to highlight your creative background and filmmaking journey
  • Services page for showcasing videography offerings like weddings, commercials, and drone work
  • Interactive portfolio page with a filterable video grid and lightbox modal for playback
  • Contact page with a professional inquiry form
  • Blog listing and blog detail pages for sharing filmmaking insights
  • Privacy policy and terms of service pages

Ideal for

  • Wedding videographers building a client-facing portfolio
  • Freelance filmmakers and commercial video producers
  • Drone footage specialists showcasing aerial cinematography
  • Video editors looking to highlight post-production work
  • Creative agencies with a video-focused service offering

Pages included

  • Homepage
  • About
  • Services
  • Portfolio
  • Contact
  • Blog list
  • Blog detail
  • Privacy policy
  • Terms of service

Tech & compatibility

Both the HTML and Astro versions use Gulp and Astro Build respectively as their build systems. The template is cross-browser tested across Chrome, Firefox, Safari, and Edge. Components follow WCAG accessibility guidelines, and the HTML is structured with semantic tags and proper heading hierarchy for search engine visibility. Media handling is optimized for fast page loads across all device sizes.

Good to know

  • Three license tiers are available: Single ($39, personal use, up to 2 installs), Multiple ($79, unlimited installs for web services), and Extended ($699, generator-level usage for larger companies)
  • Free future updates and email support are included with purchase
  • A setup and customization guide is bundled with the template files
Stack
Tailwind CSS
Tailwind CSS v4
HTML
HTML
Astro
Astro
Highlights
circle-check-3 Vanilla JS
circle-check-3 Privacy & terms pages
circle-check-3 Setup documentation
circle-check-3 Free future updates
Additional info
Pages
10
License
Single ($39), Multiple ($79), Extended ($699)
Includes
Static HTML + Astro templates
x logo-facebook logo-linkedin

Blackhole

$39

Tailwind CSS minimal blog template

Capture

$39

Photographer portfolio template built with Tailwind CSS

Persona

$39

Resume portfolio template for professionals