Terminal 1

Web components built with TS, Lit & Vite

Basic

A card with only body content — no image, header, or footer.

This is a basic card with body content only.

With Header

Add content to the header slot for a titled card.

Card Title This card has a header. You can put all sorts of things in it!

With Footer

Add content to the footer slot for actions or metadata.

This card has a footer section below.

With Image

Add an image to the image slot and it will be displayed at the top of the card.

Placeholder A card with an image slot at the top.

Full Card

A card using all four slots: image, header, body, and footer.

Card image Full Featured Card This card uses image, header, body, and footer slots together.
Published May 9, 2026 Read more →

Custom Styling

Override the --border-color, --border-radius, and --padding custom properties.

Custom Styled Rounded corners, colored border, and extra padding.