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

Description

Try all 83 design styles, 127 palettes and 1,800 Google Fonts free on any live site, then copy the direction as CSS or an AI prompt. 🎨 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 • 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 extract a prompt FROM a site you're looking at, which only ever reproduces someone else's design; this one starts from a direction you chose and hands your agent the tokens to build it. 📸 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 export — the direction in its own words plus the exact tokens for Tailwind v4 + shadcn or plain CSS — and pin for every site. ✨ Browse the whole gallery for free, no install needed: https://styles.gallery

Details & SEO