AURA Studio is a state-of-the-art creative agency template designed for digital studios, freelancers, and premium portfolios. It delivers an unforgettable interactive experience combining WebGL graphics, tactile sound design, and ultra-smooth animations. This template is fully optimized for speed, SEO, and professional client delivery.
No reviews yet.
AURA Studio is a state-of-the-art creative agency template designed for digital studios, freelancers, and premium portfolios. It delivers an unforgettable interactive experience combining WebGL graphics, tactile sound design, and ultra-smooth animations. This template is fully optimized for speed, SEO, and professional client delivery.
| Technology | Description |
|---|---|
| Vite + React | Ultra-fast local development and builds |
| TypeScript | Strict compile-time type safety |
| Tailwind CSS (v4) | Natively fast, custom CSS-variable powered design tokens |
| Framer Motion | High-performance React micro-animations |
| GSAP | Advanced ScrollTrigger timeline mapping |
| Three.js & Fiber | WebGL graphics & custom interactive image shaders |
| Lenis | Physics-based smooth-scroll synchronization |
| Page | Route | Description |
|---|---|---|
| Home | / | Immersive home featuring split headers, threejs distortion grid, horizontal showcase, and client logos |
| Work | /work | Categorized project grid with magnetic layouts and rich interactive cards |
| Services | /services | Detailed studio capabilities, pricing tier lists, and strategic approach stages |
| About | /about | Leadership team showcases, agency values, and philosophy blocks |
| Contact | /contact | Full contact sheet with location grids, local coordinates, and custom inquiry fields |
src/
components/
ui/ ← CustomCursor, PageHero, Button, Badge, Card, Input, Modal, Skeleton
motion/ ← SpotlightCard, TiltCard, MagneticButton, SplitText, VelocitySkewText
layout/ ← Navbar, Footer, PageWrapper
sections/ ← Hero, ServicesGrid, WorkShowcase, AboutGrid, ContactForm, etc.
hooks/ ← useSpotlight, useTilt, useMagnetic, useCountUp, useScrollProgress, useMousePosition
lib/ ← utils.ts (cn helper), constants.ts, gsap.ts
data/ ← agencyData.ts
styles/
globals.css
types/
index.ts