Tools
Tailwind theme from any website
Enter a website address and get a Tailwind v4 @theme block with its colors, font families, radii, shadows and breakpoints, ready to paste into your CSS.
How it works
Stylepack opens the site in a real browser, measures what renders (not what the stylesheet says) at four widths and in both themes, and stores the result as a design pack. A site already measured answers at once; a new one takes under a minute. Every value on this page comes from that pack.
Questions
Is this Tailwind v3 or v4?
Tailwind v4: an @theme block in CSS. For v3, the same values are available as CSS variables and JSON on the color palette tool and in the design pack's tokens.json.
What is in the theme?
Colors named by role, the font families with their free stand-ins, the radius scale, the shadows and the breakpoints the site changes layout at, all measured from the live page.
How do I keep it in sync with the site?
Open the site's pack page any time: Stylepack re-measures indexed sites periodically and the pack carries the measured date.