https://github.com/bojagi/pablo

Bojagi Design System
https://github.com/bojagi/pablo

designsystem

Last synced: 12 days ago
JSON representation

Bojagi Design System

• Host: GitHub
• URL: https://github.com/bojagi/pablo
• Owner: Bojagi
• Created: 2020-12-17T23:45:58.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-12-18T20:33:04.000Z (about 1 month ago)
• Last Synced: 2024-12-18T21:30:37.185Z (about 1 month ago)
• Topics: designsystem
• Language: TypeScript
• Homepage: https://bojagi.github.io/pablo/
• Size: 1.43 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pablo 👨‍🎨

Bojagi Design System

Bojagi is still WIP and doesn't cover all planned components yet.

View the components on [Bojagi](https://bojagi.io/app/github/Bojagi/pablo/).

## What's the idea behind Pablo

Pablo is planned as a fully customizable design system with a low footprint. In it's current state the whole package is below 40kb gzipped.

## Components

Currently Pablo supports the following components:

* Avatar

* Box

* Button

* ButtonBar

* Card

* Checkbox

* IconButton

* Image

* Input

* Link

* Menu

* Modal

* Radio

* SidebarNav

* Switch

* Tabs

* TextArea

* Toasts

* Toolbar

* Tooltip

* Typography

And following utility components

* animations (collections of different animations)

* ClickOutside

* Popover

* PopoverArrow

* Portal

## Roadmap

For the future it is planned to split Pablo into three packages:

* System library to create new components for the Pablo ecosystem easily

* Completely unstyled base library with no styles - only functionality, so you have full freedom on the styling

* Style package with opinionated design