Tailwind CSS Headings

Responsive headings built with Tailwind CSS. Use different typography classes to change the size, weight and appearance of the text. Free download.

H1

Tailwind Elements

HTML

        
            
      <h1 class="mb-2 mt-0 text-5xl font-medium leading-tight text-primary">
        Tailwind Elements
      </h1>

Hey there 👋 we want to make Tailwind Elements a community-driven project. It's open source and free, and we would like it to stay that way. If you enjoy it, help the project grow by sharing it with your peers. Every share counts, thank you!

Share via Reddit Share via StumbleUpon

H2

Tailwind Elements

HTML

        
            
      <h2 class="mb-2 mt-0 text-4xl font-medium leading-tight text-primary">
        Tailwind Elements
      </h2>

H3

Tailwind Elements

HTML

        
            
      <h3 class="mb-2 mt-0 text-3xl font-medium leading-tight text-primary">
        Tailwind Elements
      </h3>

H4

Tailwind Elements

HTML

        
            
      <h4 class="mb-2 mt-0 text-2xl font-medium leading-tight text-primary">
        Tailwind Elements
      </h4>

H5

Tailwind Elements

HTML

        
            
      <h5 class="mb-2 mt-0 text-xl font-medium leading-tight text-primary">
        Tailwind Elements
      </h5>

H6

Tailwind Elements

HTML

        
            
      <h6 class="mb-2 mt-0 text-base font-medium leading-tight text-primary">
        Tailwind Elements
      </h6>

If you are looking for more advanced options, try Bootstrap Typography from MDBootstrap.

Headings

Tailwind CSS Headings

H1

Tailwind Elements

H2

Tailwind Elements

H3

Tailwind Elements

H4

Tailwind Elements

H5

Tailwind Elements

H6

Tailwind Elements

Related resources