FoxKit is a set of small visual tools that run entirely in the browser.
It currently includes a gradient editor, image utility, and palette extractor. Files stay on the device. There are no accounts, uploads, API keys, or backend services.
Gradient Studio
Gradient Studio makes linear, radial, conic, and freeform gradients.
Adjust color stops, angle, interpolation, transparency, output size, and aspect ratio. Copy CSS or export SVG, PNG, or JSON. Save gradients locally or share them as a URL.
Image Lab
Image Lab resizes, crops, blurs, converts, and compresses images locally.
Drop in a PNG, JPEG, WebP, AVIF, or SVG. Set the output size, format, and quality, then download the result.
Palette
Palette pulls colors from an image.
Drop in a reference image, position sampling points, copy color values, and save or export the palette.
The system
FoxKit is a static React and TypeScript PWA.
Saved gradients, palettes, and image settings stay in the browser. Image processing runs locally, using a worker where available. The app can be installed and used offline after the first visit.
Stack — React, TypeScript, Vite, PWA, IndexedDB, Canvas, SVG, Web Workers, GitHub Pages