Skip to content

sprioleau/swatches

Repository files navigation

Social Card

Vercel Status

HTML Swatches

The most beautiful way to see colors in context. This project is a reference for HTML colors (viewed as Pantone-like swatches). It combines Next.js static site generation with the Unsplash API to bring images that match the selected swatch.

🔗 Links

Screenshots

Homepage Screenshot

Color Page Screenshot

Screenshots via Pretty Page

💿 Installation

Clone this repo

git clone https://github.com/sprioleau/swatches.git

Install via npm

npm install

Run developemnt server

npm run dev

🛠 Built With

Technology Used For
JavaScript -
Next.js Static site generation
Unsplash API High-quality images
Vercel Hosting
Cheerio DOM parsing
Framer Motion Animations

✨ Features

  • Dom parsing (web scraping)
  • Static site generation
  • Dark mode toggle

⬆️ Future Updates

  • Add page transitions

👨🏾‍💻 Author

San'Quan Prioleau

🎗 Support

Issues, and feature requests are welcome!

Give a ⭐️ if you like this project!

Acknowledgements