Skip to main content

Documentation Index

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

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

neocities-dev is a personal developer portfolio that brings the early-internet energy of 1999 into a modern React application. It wraps every page inside a simulated browser chrome, routes between content sections through a pixel-art sidebar, and exposes a small set of reusable Y2K-themed UI components that any developer can clone, extend, or remix.

Introduction

What neocities-dev is, how it’s structured, and how to run it locally.

Quickstart

Clone the repo, install dependencies, and spin up the dev server in minutes.

Components

WindowPanel, PixelButton, FrameNav, FakeBrowserChrome, and CustomCursor.

Styling & Theme

Y2K Tailwind tokens, typography, color palette, and animation classes.

Explore the Site

Home Page

Animated welcome header, visitor counter, status widget, and webring footer.

Projects

Filterable file-explorer grid with a detail panel for each project.

Skills

LED-style progress bars per skill and a mock DOS terminal panel.

Case Studies

VS Code–style editor UI with file tabs and syntax-highlighted results.

Quick Start

1

Clone the repository

git clone https://github.com/apursley2012/neocities-dev.git
cd neocities-dev
2

Install dependencies

npm install
3

Start the development server

npm run dev
Open http://localhost:5173 in your browser.
4

Build for production

npm run build
The static output in dist/ is ready to upload to Neocities or any static host.

Build docs developers (and LLMs) love