Skip to main content

Documentation Index

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

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

Retro Webpage is a fully-featured personal portfolio and homepage built with React, Vite, and Tailwind CSS, designed to look and feel like a classic late-1990s / early-2000s GeoCities site. It ships with a library of retro-themed UI components — beveled panels, a Winamp-style music player, sparkle cursor trails, scrolling marquees, and more — all wired up with Framer Motion animations and React Router navigation.

Introduction

Learn what Retro Webpage is, what it includes, and how its component library is structured.

Getting Started

Clone the repo, install dependencies, and launch the dev server in under five minutes.

Components

Browse all 16 retro-themed React components with props, variants, and usage examples.

Customization

Swap brand colors, fonts, animations, and routes to make the site your own.

What’s inside

Retro Webpage ships nine pre-built pages connected by React Router, plus a full component library you can mix and match.

Site Pages

Home, About, Projects, Skills, Work, Blog, and Guestbook — all wired up and ready to customize.

Layout Shell

Top-level Layout component composing the sparkle cursor, tiled background, and webring footer.

Retro Widgets

Winamp player, visitor counter, marquee banner, and under-construction banners.

Quick start

1

Clone the repository

git clone https://github.com/apursley2012/retro-webpage.git
cd retro-webpage
2

Install dependencies

npm install
3

Start the dev server

npm run dev
Open http://localhost:5173 in your browser. The site automatically reloads on file changes.
4

Customize your content

Edit page components in assets/main.js (or the original source before bundling) and swap in your own text, colors, and links. See the Customization guide for details.
The project is built and bundled with Vite. Source components are pre-compiled into assets/main.js and components/*.js. To modify components, work from the original JSX source files before running a build.

Build docs developers (and LLMs) love