Styles Gallery – try design styles on your real site (Tailwind, shadcn)

🎨 Styles Gallery — try a design direction on the site you already have open Pick a design direction from a curated gallery — 83 styles, 127 color palettes, 102 font pairings — and see it on the site you already have open. Not a mockup, not a screenshot: your real page, your real content, one click. 🎨 PICK A DIRECTION • 83 design styles, from brutalism and glassmorphism to Swiss minimalism and editorial grids — including ten built for dashboards and analytics • 127 color palettes, each a full six-role set (background, text, primary, secondary, CTA, border) • 102 curated font pairings, plus free search across all 1,800+ Google Fonts — headings and body separately — with weight, letter-spacing and line-height sliders 🎛️ THEN DIAL IT IN • A Tune tab for the rest of it: corner radius, shadow strength, density, tempo — plus 10 motion easings • Step through the whole catalogue right on your page with the ] key — no re-clicking, no scrolling back 🔍 AND READ THE PAGE YOU'RE ON • An eyedropper that reads the current site's own colors out as a full palette — so you can wear one site's colors with another site's style • The same read, written up for your agent: six color roles, type, corner radius and shadow, with the values the site declares itself marked apart from the ones we counted — as CSS to copy, or as a prompt that says how that site is built • An AI-tells check on the same read: four of the giveaways people name most often — the Tailwind indigo, the gradient headline, Inter/Geist headings, one radius on everything — each shown with the evidence it found and a one-click fix. It runs locally, makes no network calls, and never scores your site 🤖 SHIP THE DIRECTION, DON'T RETYPE IT One click copies the direction as a build-ready prompt with the exact token values, targeted at Tailwind v4 + shadcn/ui or plain CSS, ready to paste into whichever AI coding agent you use (the prompt export is the Pro feature). Prefer to paste code? Copy the CSS instead — that one is free. Most tools in this category can only extract a prompt FROM a site you're looking at, which reproduces someone else's design and nothing else. This one goes both ways: start from a direction you chose out of the catalogue, or point it at a real site you admire — either way your agent gets the tokens, not a guess. 📸 SHARE WHAT YOU TRIED Screenshot the styled page — the visible part or the whole page — save it or copy it straight to your clipboard, and send it to a client or a teammate. 🌐 WHICH SITES IT WORKS ON Every site. On Tailwind v4 (with or without shadcn/ui) it changes the site's own design tokens, so the result is exact. Everywhere else — Tailwind v3, WordPress, Bootstrap, hand-written CSS — it falls back to direct overrides: colors, fonts, corners, shadows and tempo all change, spacing and page width stay put. The panel tells you which one you're on, and a change report measures your actual page and lists what moved and what didn't. Full detail: https://styles.gallery/compatibility 🔄 NOT A PER-ELEMENT EDITOR A modern alternative to the page-styling extensions that stopped being maintained, and deliberately different from them in one way: you pick a direction and the whole page follows. If you need to nudge one button's padding, DevTools is still the right tool. 🔒 PRIVACY, IN PLAIN TERMS • No browsing data is collected. Ever. • The extension reads the page you're looking at, in your tab, to apply styles — and that's it. • Your picks are stored locally in your browser. No page content leaves your machine. • No analytics of any kind in the extension. No click, keystroke or scroll tracking. • No account needed to use the free tier. • Full policy: https://styles.gallery/privacy 💳 FREE AND PRO Free, with no account: all 83 design styles, every palette, every font pairing, font search across 1,800+ Google Fonts, every motion and radius knob, screenshots, the site eyedropper, the AI-tells check, the change report, and the CSS export. The whole fitting room — not a demo. Free account: adds pin for one site — your picks reapply automatically on every reload and every page of it. Pro ($9/mo, $29/yr, or $59 once): the AI prompt exports — a direction in its own words, or a real site written up as the way it's built, each with the exact tokens for Tailwind v4 + shadcn or plain CSS — and pin for every site. 🆕 WHAT'S NEW IN 1.3.0 • Typing in Chinese, Japanese or Korean works in the search boxes and the palette name field: the panel waits until you finish composing, so a half-typed word is no longer searched, and the Enter that picks a candidate no longer applies a result or saves the wrong name. • When another extension's side panel takes the sidebar, one click on the toolbar icon brings Styles Gallery back. It used to take two. • Better with a screen reader: both search boxes, the "Written for" picker and your account button now announce their names, and each view's title reads as a heading. ✨ Browse the whole gallery for free, no install needed: https://styles.gallery