UI Thing

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

Create project

Deploy your new project in one-click.

Example

Notifications

You have 3 unread messages.

  • 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.

Checkbox

A control that allows the user to toggle between checked and not checked.