Skip to content

Widgets ​

Every component lys-ui implements, as it paints, captured on a real compositor with its overlay open. The page switches palette with the site's theme toggle.

The shots come from the gallery (just gallery) in its -shots mode: just docshots runs it on a private headless sway at scale 2, and the site's deploy workflow does the same on every push, so the shots always show the current code.

Accordion

Accordion, as lys-ui paints it

Alert

Alert, as lys-ui paints it

Alert Dialog

Alert Dialog, as lys-ui paints it

Aspect Ratio

Aspect Ratio, as lys-ui paints it

Avatar

Avatar, as lys-ui paints it

Badge

Badge, as lys-ui paints it

Button

Button, as lys-ui paints it

Button Group

Button Group, as lys-ui paints it

Calendar

Calendar, as lys-ui paints it

Card

Card, as lys-ui paints it

Chart

Chart, as lys-ui paints it

Checkbox

Checkbox, as lys-ui paints it

Chip

Chip, as lys-ui paints it

Collapsible

Collapsible, as lys-ui paints it

Color Picker

Color Picker, as lys-ui paints it

Combobox

Combobox, as lys-ui paints it

Command

Command, as lys-ui paints it

Context Menu

Context Menu, as lys-ui paints it

Data Table

Data Table, as lys-ui paints it

Date Picker

Date Picker, as lys-ui paints it

Dialog

Dialog, as lys-ui paints it

Drawer

Drawer, as lys-ui paints it

Empty

Empty, as lys-ui paints it

Field and Form

Field and Form, as lys-ui paints it

Hover Card

Hover Card, as lys-ui paints it

Input

Input, as lys-ui paints it

Input Group

Input Group, as lys-ui paints it

Input OTP

Input OTP, as lys-ui paints it

Item

Item, as lys-ui paints it

Kbd

Kbd, as lys-ui paints it

Pagination

Pagination, as lys-ui paints it

Popover

Popover, as lys-ui paints it

Progress

Progress, as lys-ui paints it

Progress Ring

Progress Ring, as lys-ui paints it

Radio Group

Radio Group, as lys-ui paints it

Resizable

Resizable, as lys-ui paints it

Scroll Area

Scroll Area, as lys-ui paints it

Select

Select, as lys-ui paints it

Separator

Separator, as lys-ui paints it

Sheet

Sheet, as lys-ui paints it

Skeleton

Skeleton, as lys-ui paints it

Slider

Slider, as lys-ui paints it

Sonner

Sonner, as lys-ui paints it

Spinner

Spinner, as lys-ui paints it

Switch

Switch, as lys-ui paints it

Table

Table, as lys-ui paints it

Tabs

Tabs, as lys-ui paints it

Textarea

Textarea, as lys-ui paints it

Toggle

Toggle, as lys-ui paints it

Toggle Group

Toggle Group, as lys-ui paints it

Tooltip

Tooltip, as lys-ui paints it

Typography

Typography, as lys-ui paints it

Released under the MIT License.