Templates
Agency
The agency template architecture covers how pages, components, animations, and data are organized in a studio or creative agency site built on Astro v6 + React + Tailwind CSS.
Last updated: 2026-03-29
What's Included
A complete agency website with scroll-driven Framer Motion animations, dark mode with theme persistence, JSON-driven content, and a contact form with service selector. Built for studios, freelancers, and creative agencies.
Key Features
The template covers everything a creative agency needs to showcase work and attract clients.
Architecture Overview
Pages, components, and data are cleanly separated. Astro handles routing and static generation. React powers interactive islands (animations, forms, theme toggle). All content lives in JSON files. Easy to swap for a CMS later. Components are organized by feature area.
src/
├── pages/ # Routes (home, projects, about, services…)
├── components/ # Organized by feature
├── data/ # JSON content (projects, team, services…)
├── layouts/ # Page templates
└── styles/ # Global styles + dark mode tokensAnimations
Scroll-triggered Framer Motion animations are used throughout. Elements fade in, slide up, and scale as they enter the viewport. The animation system uses reusable motion variants for consistent entrance effects across all sections.
Anatomy
Every agency template in Flux Theme is built around four core zones — a Hero that earns attention, a Companies row for social proof, a Solution section that explains the framework, and a Features/Benefits section that closes the visit with concrete value.

Tech Stack
Built on a modern stack designed for performance and developer experience.