Pine is a UI toolkit for building beautiful, accessible web applications.
Pine is implemented as a collection of web components.
Alpha components are in development and may have frequent breaking changes.
Beta components are mostly polished and ready for use, but may still have breaking changes.
Stable components are reviewed, documented, and ready for use.
- ❌ Not started
- 🟡 In progress
- ✅ Complete
Component | Alpha | Beta | Stable |
---|---|---|---|
Accordion | ✅ | ✅ | ❌ |
Avatar | ✅ | ✅ | ❌ |
Box | ✅ | ✅ | ❌ |
Button | ✅ | ✅ | ❌ |
Checkbox | ✅ | ✅ | ❌ |
Chip | ✅ | ✅ | ❌ |
Copy Text | ✅ | ✅ | ❌ |
Divider | ✅ | ✅ | ❌ |
Form Input | ✅ | ✅ | ❌ |
Form Select | 🟡 | ❌ | ❌ |
Form Textarea | ✅ | ✅ | ❌ |
Icon | ✅ | ✅ | ❌ |
Image | ✅ | ✅ | ❌ |
Link | ✅ | ✅ | ❌ |
Loader | 🟡 | ❌ | ❌ |
Popover | ❌ | ❌ | ❌ |
Progress | ✅ | ✅ | ❌ |
Row | ✅ | ✅ | ❌ |
Radio | ✅ | ✅ | ❌ |
Sortable | ✅ | ✅ | ❌ |
Switch | ✅ | ✅ | ❌ |
Table | ✅ | ✅ | ❌ |
Tabs | ✅ | ✅ | ❌ |
Tooltip | ✅ | ✅ | ❌ |
These features are planned for a future release.
Component | Alpha | Beta | Stable |
---|---|---|---|
Alert | ❌ | ❌ | ❌ |
Banner | ❌ | ❌ | ❌ |
Breadcrumbs | ❌ | ❌ | ❌ |
Description | ❌ | ❌ | ❌ |
Drawer | ❌ | ❌ | ❌ |
Empty State | ❌ | ❌ | ❌ |
Hero | ❌ | ❌ | ❌ |
Modal | ❌ | ❌ | ❌ |
Page Heading | ❌ | ❌ | ❌ |
Pagination | ❌ | ❌ | ❌ |
Search | ❌ | ❌ | ❌ |
Toast | ❌ | ❌ | ❌ |
Toolbar | ❌ | ❌ | ❌ |
This project aims to support the latest two major versions of browsers at the time of each release.