Components

13 components, each one built on the web platform and dressed by whichever era you pick. Switch the theme in the header and they all change.

ButtonThe gel pill, the glass pill and everything in between.

Weekly digest

A summary of what changed in your projects.

12 new comments, 3 merged pull requests.

CardThe surface everything sits on: pinstripes in Aqua, liquid glass in Now.

We never share it.

Must be at least 3 characters.

TextFieldLabel, hint and error wired together for screen readers.

Email me about repliesSome projects selectedUnavailable

CheckboxA real checkbox with a custom box, including the indeterminate dash.

NotificationsDark wallpaper

SwitchAn on/off toggle. A native checkbox with role switch.

SliderA native range input with a filled track.

SelectThe popup button. Opens a listbox in the top layer, works in forms.

Name, email and avatar.

TabsA segmented control that switches panels.

MenuA dropdown of actions.

DialogA modal on the native <dialog>: focus trap, Escape and inert page for free.

PopoverFloating content next to a button. The browser handles outside clicks and Escape.

TooltipA short hint. Hover with a mouse, focus with a keyboard, long press on touch.

ToastNotifications from anywhere with toast(), announced to screen readers.