Dyed in the Wool is a creative developer portfolio built with React, Vite, and Framer Motion. It blends the organic unpredictability of textile art with structured front-end engineering — producing a site that scrolls, breathes, and moves like fabric soaked in color.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/dyed-in-the-wool/llms.txt
Use this file to discover all available pages before exploring further.
Introduction
Learn what Dyed in the Wool is, how it’s structured, and what makes it unique as a portfolio template.
Getting Started
Clone the repo, install dependencies, and spin up the dev server in minutes.
Architecture
Explore the component tree, routing strategy, and styling system powering the site.
Components
Full reference for Layout, TieDyeBackground, DyeDropCursor, and all six page components.
Customization
Swap the color palette, typography, and animation parameters to make it your own.
Deployment
Build for production and deploy to GitHub Pages or any static host.
What’s Inside
Dyed in the Wool ships with six fully-animated sections, three reusable visual components, and a pre-wired static export strategy for zero-config GitHub Pages hosting.Customize your content
Edit the project, skills, and work-history data arrays inside the page components to reflect your own work.
Tune the palette
Swap Tailwind’s
dye-* color tokens in tailwind.config to match your personal brand.All animation timing, SVG filter parameters, and color tokens are centralized and easy to override. See the Customization section for details.