Card

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest add card

Usage

Example

Notifications

You have 3 unread messages.

Push Notifications

Send notifications to device.

Your call has been confirmed.
2m ago
You have a new message.
1h ago
Your order has been shipped.
2h ago

Calendar

A calendar component allows you to display a calendar with events.

Carousel

A carousel with motion and swipe built using Embla.