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.
- 🚀 Deployed at html-swatches.vercel.app
Screenshots via Pretty Page
Clone this repo
git clone https://github.com/sprioleau/swatches.git
Install via npm
npm install
Run developemnt server
npm run dev
Technology | Used For |
---|---|
JavaScript | - |
Next.js | Static site generation |
Unsplash API | High-quality images |
Vercel | Hosting |
Cheerio | DOM parsing |
Framer Motion | Animations |
- Dom parsing (web scraping)
- Static site generation
- Dark mode toggle
- Add page transitions
San'Quan Prioleau
Issues, and feature requests are welcome!
Give a ⭐️ if you like this project!