Ferramentas
Tema Tailwind de qualquer site
Digite o endereço de um site e receba um bloco @theme do Tailwind v4 com suas cores, famílias de fontes, raios, sombras e breakpoints, pronto para colar no seu CSS.
Experimentestripe.comlinear.appairbnb.com
Como funciona
O Stylepack abre o site em um navegador de verdade, mede o que é renderizado (não o que a folha de estilos diz) em quatro larguras e nos dois temas, e guarda o resultado como um pacote de design. Um site já medido responde na hora; um novo leva menos de um minuto. Todo valor nesta página vem desse pacote.
Perguntas
Isso é Tailwind v3 ou v4?
Tailwind v4: um bloco @theme em CSS. Para a v3, os mesmos valores estão disponíveis como variáveis CSS e JSON na ferramenta de paleta de cores e no tokens.json do pacote de design.
O que vem no tema?
Cores nomeadas por função, as famílias de fontes com suas substitutas gratuitas, a escala de raios, as sombras e os breakpoints em que o site muda de layout, tudo medido na página ao vivo.
Como mantenho o tema em sincronia com o site?
Abra a página do pacote do site quando quiser: o Stylepack mede de novo os sites indexados periodicamente e o pacote traz a data da medição.