Components
All components are self-contained — each ships its own .jl-* CSS classes built on the design tokens and works with or without Tailwind.
| Component | Frameworks | Status |
|---|---|---|
| Accordion | React, Vue | Available |
| Alert | React, Vue | Available |
| Avatar | React, Vue | Available |
| Badge | React, Vue | Available |
| Banner | React, Vue | Available |
| Breadcrumb | React, Vue | Available |
| Button | React, Vue | Available |
| Card | React, Vue | Available |
| Checkbox | React, Vue | Available |
| Combobox | React, Vue | Available |
| Command Palette | React, Vue | Available |
| Dialog | React, Vue | Available |
| Divider | React, Vue | Available |
| Drawer | React, Vue | Available |
| Dropdown Menu | React, Vue | Available |
| Empty State | React, Vue | Available |
| Field | React, Vue | Available |
| Icon Button | React, Vue | Available |
| Input | React, Vue | Available |
| Kbd | React, Vue | Available |
| Number Input | React, Vue | Available |
| Pagination | React, Vue | Available |
| Popover | React, Vue | Available |
| Progress | React, Vue | Available |
| Radio Group | React, Vue | Available |
| Segmented Control | React, Vue | Available |
| Select | React, Vue | Available |
| Skeleton | React, Vue | Available |
| Slider | React, Vue | Available |
| Snippet | React, Vue | Available |
| Spinner | React, Vue | Available |
| Stat | React, Vue | Available |
| Stepper | React, Vue | Available |
| Switch | React, Vue | Available |
| Table | React, Vue | Available |
| Tabs | React, Vue | Available |
| Tag | React, Vue | Available |
| Textarea | React, Vue | Available |
| Toast | React, Vue | Available |
| Toggle | React, Vue | Available |
| Tooltip | React, Vue | Available |
Run jlds list from a project with jlds.json to see what's available for your detected framework — see CLI: list.
Regardless of the "Frameworks" column, every component's .jl-* CSS classes also work directly in plain HTML — no CLI or framework required, see HTML.