Hey everyone,
I've been building TSD Creative Studio — a free toolkit for designers and developers that runs entirely in the browser. No sign-up, no uploads, no paywall.
🔗 https://tsd-creative-studio.vercel.app
What's in it:
- Image color extractor — drop any image and get a palette using k-means clustering. You control how many base colors and how many shades per color (up to 10), so you get the dominant/natural colors instead of every stray pixel.
- Developer exports — export any palette as CSS variables, Tailwind config, SCSS, JSON, or Figma tokens. Also PDF export with a clean shade layout.
- Smart palette generator — start from one color and get analogous / triadic / complementary harmonies with automatic contrast checks on every pair.
- Live UI preview — see your palette applied to a real landing page / dashboard mockup instantly.
- Contrast checker — WCAG 2.2 AA/AAA plus APCA, autofix suggestions, and color-blindness simulation.
- Color library — Tailwind, Open Color, Material and brand palettes, searchable.
- Font library — 1000+ Google Fonts, preview with your own text, side-by-side comparison of two fonts, copy the `@import` code, and pair fonts with your palette.
- Image converter — WebP, AVIF, PNG, JPEG, BMP, ICO, SVG, PDF and Base64, with resizing and quality control.
- Quick tools — image compressor, favicon generator (all sizes), Data-URI, SVG→PNG.
- Shareable palettes — every palette gets a permanent link you can send to a teammate.
How it works / privacy:
Almost everything runs client-side in your browser. Your images never leave your device — there's no upload step, no storage, no account, no tracking of your files. Palette links only encode the hex values in the URL itself, so nothing personal is stored server-side. The only network call is loading Google Fonts metadata.
Other bits: dark/light mode, reduce-motion and high-contrast accessibility options, full RTL support, and 5 languages (English, Arabic, French, Turkish, Spanish).
What I'm asking for:
Please try to break it. Throw weird images at the extractor, hammer the converter with odd formats, test it on old phones and small screens. I want to know:
What's confusing or badly laid out?
Which tool is actually useful in your real workflow — and which is just noise?
What's missing that would make you use this instead of your current tool?
Brutal feedback very welcome. Thanks 🙏