A simple web app for customising and copying the code for pride flag CSS gradients.
Pull requests are very welcome! Feel free to add new flags or make improvements in general.
Flags are stored in
src/data/gradients.json
as an array of objects containing a name and an array of hex codes. Add new ones
by adding new elements to the array.
This is a React app that uses pnpm for dependencies. Run pnpm install to
install the dependencies, then use pnpm dev to run the app.
It's a plain React app on top of Vite. CSS modules are used for styles. It's literally a single page app, so there's no routing framework necessary.
The settings panel is handled using zustand (it's essentially a React context
that doesn't require a context provider).
This project uses eslint for linting and prettier for code formatting. Run
pnpm lint and pnpm prettier:check to verify your changes. If the prettier
check fails, run pnpm prettier:format to format the code.
Both of these things will run on PRs to ensure the code style is met.