ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

Heading

Semantic heading component with levels 1-6, consistent sizing and weight.

All Levels

Full heading hierarchy from H1 to H6 with automatic sizing and weight.

Heading Level 1 Heading Level 2 Heading Level 3 Heading Level 4 Heading Level 5 Heading Level 6

Page Title

H1 heading paired with a muted subtitle for page entry points.

Dashboard

Welcome back. Here is what is happening today.

Card Header

H3 heading inside a Card with form content below.

Account Settings

Section Headers

Different heading levels to organize page sections and subsections.

Product Overview Pricing
Free$0/mo
Pro$9/mo
Features
Components180

Hero Heading

Large H1 with supporting text for marketing-style headers.

Build Something Great

The fastest way to ship full-stack web apps.

Article Heading

H2 article title with meta information and excerpt.

Getting Started with FLIN
Tutorial5 min read

Learn how to set up your first FLIN project and build a simple app in minutes.

Usage

<Heading level="1">Heading Level 1</Heading><Heading level="2">Heading Level 2</Heading><Heading level="3">Heading Level 3</Heading><Heading level="4">Heading Level 4</Heading><Heading level="5">Heading Level 5</Heading><Heading level="6">Heading Level 6</Heading>

Props

PropTypeDefaultDescription
levelstring"2"Heading level: "1" through "6"
childrencontent-Heading text content