Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/aurora-drift/llms.txt

Use this file to discover all available pages before exploring further.

Aurora Drift is a React + Vite portfolio template built for developers and designers who want a visually stunning personal site. It ships with an animated aurora sky background, a spring-physics cursor glow, blur-in page transitions, and a full set of portfolio pages — all styled with a deep-space navy palette and glassmorphism UI panels.

Quickstart

Clone the repo, install dependencies, and have the dev server running in under two minutes.

Project Structure

Understand how components, pages, assets, and routing fit together.

Core Components

Explore AuroraBackground, CursorGlow, PageTransition, and Nav in detail.

Animation System

Learn how Framer Motion spring values and motion values power every effect.

Theming & Styling

Browse the aurora color palette, typography choices, and glass-panel utilities.

Customization

Swap in your content, add new pages, and deploy to GitHub Pages or Vercel.

What’s Included

Aurora Drift ships nine fully-wired pages — Home, About, Projects, Skills, Work, Case Studies, Blog, Blog Post, and Contact — each wrapped in the same animated shell so every route-change feels like drifting between stars.
1

Clone and install

Run git clone then npm install to get all dependencies, including React, Framer Motion, React Router DOM, and Tailwind CSS.
2

Start the dev server

Run npm run dev and open http://localhost:5173 to see the aurora live.
3

Personalise your content

Edit the page components to replace placeholder text, project cards, and blog posts with your own work.
4

Deploy

Run npm run build to generate a static site, then push to GitHub Pages, Vercel, or Netlify.
Aurora Drift is a frontend template — there is no backend or CMS. All content lives in the React component source files.

Build docs developers (and LLMs) love