Showcase — PresetUI

Forms

Label

label.js

Form label with an optional required marker.

Workspace name

Work email

Input

input.js

Single-line text field with an invalid state.

Textarea

textarea.js

Multi-line text field with an invalid state.

Select

select.js

Native dropdown with the platform arrow replaced.

Radio

radio.js

Native radio with the dot painted over.

Deploy on push tomain onlyEvery branchNever (paused)

Display

Badge

badge.js

Compact label for status and metadata.

DefaultOutlineAccentPassingDegradedFailed

SmallMedium

Avatar

avatar.js

Circular user image with a text fallback behind it.

BKAYMD

AB+3

Card

card.js

Composable surface with header, content, and footer slots.

Deploy to production

This will push the current branch to your live environment. The change is visible to all users immediately.

Table

table.js

Data table composed from the real table elements.

Deploy	Branch	Status	When
4f2a1c	main	Ready	2 hours ago
9b7e30	fix/login	Building	5 hours ago
1d8c55	main	Failed	yesterday

Progress

progress.js

Determinate progress bar in three sizes.

Storage4.2 of 10 GB

Skeleton

skeleton.js

Placeholder block for content that hasn't arrived.

Separator

separator.js

Dividing line, horizontal or vertical.

Danger zone

Actions here cannot be undone.

Docs

API

Support

Navigation

Tabs

tabs.js

Tabbed panels with arrow-key navigation.

Three projects, one of them archived. Last deploy 2 hours ago.

Accordion

accordion.js

Collapsible sections built on native details elements.

When am I billed?

On the first of each month, for the month ahead. Changing plans mid-month is prorated to the day.

What counts as a seat?

Anyone who can open a project. People with view-only links are free.

Can I cancel any time?

Yes. Your workspace stays readable until the end of the period you've paid for.

Feedback and actions

Button

button.js

Clickable action element with four variants and three sizes.

Alert

alert.js

Short message set apart from the surrounding text.

Scheduled maintenance

The workspace will be read-only on Sunday from 02:00 to 04:00 UTC.

New in this release

You can now invite teammates directly from a project.

Deploy finished

Version 4.2.0 is live for everyone.

Approaching your limit

You've used 9.1 GB of the 10 GB included in this plan.

Payment failed

We couldn't charge your card. Update it to keep the workspace active.

Dialog

dialog.js

Modal built on the native dialog element.

Every component, one page