{"id":15022350,"url":"https://github.com/seppwc/tealeaf","last_synced_at":"2026-04-14T03:32:47.624Z","repository":{"id":54106236,"uuid":"322253043","full_name":"seppwc/tealeaf","owner":"seppwc","description":"A beautifully modular UI toolkit","archived":false,"fork":false,"pushed_at":"2021-10-29T16:17:41.000Z","size":1870,"stargazers_count":1,"open_issues_count":8,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-18T23:34:27.479Z","etag":null,"topics":["classless","classless-css","classless-css-framework","css","css-framework","cssframework","design","design-system","designsystem","hacktoberfest","hacktoberfest2021","reset","reset-css","ui","ui-components","web-component","web-components","webcomponent","webcomponents"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/seppwc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-12-17T10:01:54.000Z","updated_at":"2021-11-10T17:36:12.000Z","dependencies_parsed_at":"2022-08-13T06:50:37.767Z","dependency_job_id":null,"html_url":"https://github.com/seppwc/tealeaf","commit_stats":null,"previous_names":["phl3bas/teal","phl3bas/tealeaf"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/seppwc/tealeaf","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seppwc%2Ftealeaf","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seppwc%2Ftealeaf/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seppwc%2Ftealeaf/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seppwc%2Ftealeaf/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/seppwc","download_url":"https://codeload.github.com/seppwc/tealeaf/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seppwc%2Ftealeaf/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31781292,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T02:24:21.117Z","status":"ssl_error","status_checked_at":"2026-04-14T02:24:20.627Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["classless","classless-css","classless-css-framework","css","css-framework","cssframework","design","design-system","designsystem","hacktoberfest","hacktoberfest2021","reset","reset-css","ui","ui-components","web-component","web-components","webcomponent","webcomponents"],"created_at":"2024-09-24T19:57:49.724Z","updated_at":"2026-04-14T03:32:47.598Z","avatar_url":"https://github.com/seppwc.png","language":"TypeScript","readme":"# Tealeaf\n\n[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)\n\n\u003cimg align=\"center\" src=\"https://github.com/Phl3bas/Tealeaf/blob/main/assets/tealeaf-primary.svg\" alt=\"tealeaf logo\"/\u003e\n\n\u003cp align=\"center\"\u003eA Beautifully modular UI Tool Kit\u003c/p\u003e\n\n---\n\n## What is Tealeaf?\n\nTealeaf 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.\n\n## What packages are available?\n\nTealeaf is broken down into four distinct packages.\n\n### @tealeaf/tokens\n\n- A curated set of design tokens declared at root level\n\n### @tealeaf/elements\n\n- A css normalisation and opinionated classless css framework\n\n### @tealeaf/css\n\n- A utility based css framework\n\n### @tealeaf/components\n\n- A flexible web component library (not yet released in beta)\n\n---\n\n### running this project for development\n\n`git clone https://github.com/Phl3bas/Tealeaf.git`\n\n`npm install`\n\n`npm run tealeaf:init`\n\n### build this project\n\nin root dir\n\n`npm run build:tokens`\n\n`npm run build:elements`\n\n`npm run build:css`\n\n\n## Disclaimer!!\n\nTealeaf 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!\n\n```bash\nnpm install @tealeaf/tokens @tealeaf/elements @tealeaf/css\n```\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseppwc%2Ftealeaf","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseppwc%2Ftealeaf","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseppwc%2Ftealeaf/lists"}