Headings H1-H6 Component - LaraCoreKit

Responsive heading components (H1-H6) built with Tailwind CSS. Semantic HTML with dark mode support for Laravel applications.

Back to Site

Headings (H1-H6)

Different heading sizes with semantic HTML

Preview

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
View Code 
<h1 class="text-4xl font-bold text-gray-900 dark:text-white">Heading 1</h1>
<h2 class="text-3xl font-bold text-gray-900 dark:text-white">Heading 2</h2>
<h3 class="text-2xl font-semibold text-gray-900 dark:text-white">Heading 3</h3>
<h4 class="text-xl font-semibold text-gray-900 dark:text-white">Heading 4</h4>
<h5 class="text-lg font-medium text-gray-900 dark:text-white">Heading 5</h5>
<h6 class="text-base font-medium text-gray-900 dark:text-white">Heading 6</h6>
Paragraphs