Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/spooky/llms.txt

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

Spooky is a Halloween-themed developer portfolio template built with React, Tailwind CSS, and Framer Motion. It ships with nine fully-styled pages, a suite of interactive atmospheric components — candle cursor, flickering lights, cobweb corners, ghost mascot, jump-scare spider, and more — all ready to publish directly to GitHub Pages without a build step.

Quickstart

Personalize your content and get the site running locally in minutes.

Deploy to GitHub Pages

Push your portfolio live with GitHub Pages — no CI pipeline required.

Components

Explore every spooky interactive component and how to customize it.

Customization

Swap colors, fonts, and page content to make the theme your own.

What’s included

Spooky is a complete portfolio starter. Every page and interactive detail is already wired together — you only need to replace the placeholder content with your own.

9 Pages

Home, About, Projects, Skills, Work, Case Studies, Blog, Testimonials, and Contact — all pre-styled.

8 Components

Candle cursor, flickering lights, cobwebs, ghost, spider, lantern, layout wrapper, and slide-in navigation.

GitHub Pages Ready

Upload the folder, set the branch to main, and your site is live at username.github.io/spooky.

Get started in three steps

1

Clone the repository

Download or fork apursley2012/spooky from GitHub, then open the project folder locally.
2

Personalize your content

Edit the HTML files (or the underlying React components) to add your own biography, projects, skills, and contact details.
3

Deploy to GitHub Pages

Push to a GitHub repository, enable Pages from Settings → Pages, choose Branch: main / (root), and your portfolio goes live.

Theme at a glance

DetailValue
Primary colorPumpkin orange #FF7518
BackgroundDeep charcoal #1A1A1D
AccentWitchy purple #4A1A5C
HighlightCandy yellow #FCD34D
Heading fontCreepster (Google Fonts)
Body fontSpecial Elite (typewriter)
FrameworkReact 18 + React Router 6
StylingTailwind CSS + Framer Motion
Browse the live demo to see every page and animation before you start customizing.

Build docs developers (and LLMs) love