Ferramentas de Design
Paletas de cores, ferramentas de tipografia, calculadoras de espaçamento e utilitários de design UI.
Tailwind Color Reference
Browse all Tailwind CSS color palettes with hex and RGB values.
Spacing Scale Generator
Generate consistent spacing scales for your design system.
Font Pairing Guide
Discover harmonious font combinations for headings and body text.
Line Height Calculator
Calculate optimal line height for readable typography.
Data URL Encoder
Convert files to base64 Data URLs for embedding in HTML and CSS.
Visualizador de Breakpoints
Visualize breakpoints CSS do Tailwind, Bootstrap e frameworks personalizados.
Conversor de Design Tokens
Converta design tokens entre JSON, variáveis CSS e formatos SCSS.
Paleta de Cores para Wireframes
Gere paletas de cores neutras para wireframes e protótipos.
Gerador de Cursor CSS
Explore todos os tipos de cursor CSS com preview ao vivo e código pronto para copiar.
Referência de Tamanhos de Ícones
Tamanhos padrão de ícones para iOS, Android, Web e aplicativos desktop.
Gerador de CSS Grid
Construa layouts CSS Grid visualmente e copie o código CSS gerado.
Gerador de Esquema de Cores
Gere esquemas de cores complementares, triádicos e análogos a partir de uma cor base.
Visualizador de Border Radius
Previsualise e compare valores de CSS border-radius em tempo real.