All Tools
1049+ free tools

Tailwind Typography

Generate a modular font-size scale.

xsThe quick brown fox
smThe quick brown fox
baseThe quick brown fox
lgThe quick brown fox
xlThe quick brown fox
2xlThe quick brown fox
3xlThe quick brown fox
4xlThe quick brown fox
5xlThe quick brown fox
6xlThe quick brown fox
theme: { fontSize: {
  xs: ['0.6400rem', { lineHeight: '1.25' }],
  sm: ['0.8000rem', { lineHeight: '1.25' }],
  base: ['1.0000rem', { lineHeight: '1.25' }],
  lg: ['1.2500rem', { lineHeight: '1.25' }],
  xl: ['1.5625rem', { lineHeight: '1.25' }],
  2xl: ['1.9531rem', { lineHeight: '1.25' }],
  3xl: ['2.4414rem', { lineHeight: '1.25' }],
  4xl: ['3.0518rem', { lineHeight: '1.25' }],
  5xl: ['3.8147rem', { lineHeight: '1.25' }],
  6xl: ['4.7684rem', { lineHeight: '1.25' }]
}}

Related web-design tools

CSS Animation Generator
Create CSS animations with live preview & presets
SVG Blob Generator
Generate organic SVG blob shapes with gradients
Box Shadow Generator
CSS box-shadow with live preview & copy
Border Radius Generator
CSS border-radius with preview