Full Moon is a developer portfolio site built with React, Vite, Framer Motion, and Tailwind CSS. It features a rich witch/dark-fantasy visual language — a deep midnight background, glowing teal accents, animated moon phases, a custom cursor with trailing particles, and atmospheric fog and starfield layers. This documentation covers the component API, page structure, architecture decisions, and theming system.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/full-moon/llms.txt
Use this file to discover all available pages before exploring further.
Quickstart
Clone, install, and run the portfolio locally in under five minutes.
Project Structure
Understand how pages, components, and assets are organized.
Components
Explore the Layout, Navigation, Cursor, and SVG components.
Page Reference
Browse documentation for every route in the portfolio.
What’s Inside
Full Moon ships as a fully static, pre-built Vite output — no server required. Every page is a thin HTML shell that loads the same React bundle and redirects the hash-based router to the correct route.Custom Cursor
Glowing teal orb with stochastic trailing spark particles.
Moon SVG
Full, waxing, and waning phase variants with glow filter.
Sigil & Candle
Animated draw-on sigil and flickering candle flame.
Routing
Hash-based SPA routing with static page shells per route.
Theming
Custom Tailwind palette, Google Fonts, and dark background system.
Animations
Framer Motion transitions, staggered reveals, and ambient effects.
Tech Stack
| Layer | Technology |
|---|---|
| UI Framework | React 18 |
| Build Tool | Vite |
| Animations | Framer Motion |
| Styling | Tailwind CSS |
| Fonts | Cinzel Decorative, Cormorant Garamond |
| Routing | React Router (hash mode) |
| Deployment | Static HTML (GitHub Pages / any static host) |
Full Moon is a pre-built static site. The
assets/ directory contains minified bundles — to modify the source you will need the original Vite project with its src/ directory and tailwind.config.js.