A Beautifully modular UI Tool Kit
Tealeaf is a modular UI tool kit which provides the user with, a design system, a classless css framework and reset, an atomic css framework and a web component library. The aim of Tealeaf is to provide a multi tierd UI kit, where developers can "buy-in" to as much of the system as they like, without feeling like alot of the design system/framework is going to waste.
Tealeaf is broken down into four distinct packages.
- A curated set of design tokens declared at root level
- A css normalisation and opinionated classless css framework
- A utility based css framework
- A flexible web component library (not yet released in beta)
git clone https://github.com/Phl3bas/Tealeaf.git
npm install
npm run tealeaf:init
in root dir
npm run build:tokens
npm run build:elements
npm run build:css
Tealeaf and its packages are currently in developement and does not have a stable (1.x.x) release yet, because of this the api for the packages may be volatile between versions, it is encouraged to only to use the beta versions in non-production grade projects until a stable release has been announced! The current versions are available on npm/unpkg if you wish to use them!
npm install @tealeaf/tokens @tealeaf/elements @tealeaf/css