Components

A collection of examples from the HTML package's components.

Testing: AwesomeTestingAwesome
nope
Nice
Test
Testing
What

foo

more

what
    three
    what
    two
    more
    test
    foo
    2024-01-01
    Testing Ideas
    2024-01-04
    Testing Ideas
test two three

OffCanvas

Hello

This is a sample

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit quam alias quos quisquam, saepe ut quo et odit, in blanditiis enim tenetur nulla nostrum quas dolore laboriosam, commodi delectus numquam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit quam alias quos quisquam, saepe ut quo et odit, in blanditiis enim tenetur nulla nostrum quas dolore laboriosam, commodi delectus numquam.

Modal

Name Email
Matt[email protected]
Cassie[email protected]

Good Morning Good Morning Good Morning Good Morning

Important Notice
This is an important message you should read carefully. 
console.log('Hello from the Grafite HTML package!');

Content above the divider

Content below the divider

Gradient Background

Grid Pattern

Light Bar

Welcome

Hero with Vanta.js net effect

Breaking News Welcome to our website Check out the latest updatesBreaking News Welcome to our website Check out the latest updatesBreaking News Welcome to our website Check out the latest updatesBreaking News Welcome to our website Check out the latest updates

Lottie (hover)

Status

Tag (dynamic)

Action Dropdown Group

Dashboard Settings

Kbd

Ctrl + C

Skeleton



Swap

Gauge

75°C Temperature

Sparkline

Dock