Pine

Pine is Kajabi's UI toolkit for building beautiful, accessible web applications.

Pine is implemented as a collection of web components.

Roadmap

Alpha components are in-development and may have many 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

Pre-Release

Component	Alpha	Beta	Stable
Avatar	✅	✅	❌
Button	✅	✅	❌
Checkbox	✅	✅	❌
Chip	✅	✅	❌
Copy Text	✅	✅	❌
Divider	✅	✅	❌
Form Input	✅	✅	❌
Form Select	✅	✅	❌
Form Textarea	✅	✅	❌
Icon	✅	✅	❌
Image	✅	✅	❌
Label	✅	✅	❌
Link	✅	✅	❌
Loader	🟡	❌	❌
Popover	❌	❌	❌
Progress	✅	✅	❌
Radio	✅	✅	❌
Sortable	✅	✅	❌
Switch	✅	✅	❌
Table	🟡	❌	❌
Tabs	✅	✅	❌
Tooltip	✅	✅	❌

Future

These features are planned for a future release.

Component	Alpha	Beta	Stable
Grid	❌	❌	❌
Container	❌	❌	❌
Flex	❌	❌	❌
Alert	❌	❌	❌
Banner	❌	❌	❌
Breadcrumbs	❌	❌	❌
Description	❌	❌	❌
Drawer	❌	❌	❌
Empty State	❌	❌	❌
Hero	❌	❌	❌
Modal	❌	❌	❌
Page Heading	❌	❌	❌
Pagination	❌	❌	❌
Search	❌	❌	❌
Toast	❌	❌	❌
Toolbar	❌	❌	❌

Browser support

This project aims to support the latest two major versions of browsers at the time of each release.