theo
theo | eleventy-design-system | |
---|---|---|
2 | 1 | |
1,936 | 33 | |
0.9% | - | |
1.8 | 10.0 | |
over 2 years ago | almost 2 years ago | |
JavaScript | JavaScript | |
BSD 3-clause "New" or "Revised" License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
theo
-
Eleventy Style Guide Generator with WebC Component Support
There are some great well established tools out there that do this, such as Theo and Style Dictionary but for this I turned to the sage advice of Andy Bell via buildexcellentwebsit.es and used Tailwind to run through the token JSON files and generate the CSS variables I can use in my styling.
- Why does Youtube make such excessive use of CSS variables?
eleventy-design-system
-
Eleventy Style Guide Generator with WebC Component Support
After some searching for existing solutions I found this Eleventy Design System gem by Trys Mudford. Itβs truly a wonderful foundation for exactly what I was hoping to achieve with this project.
What are some alternatives?
style-dictionary - A build system for creating cross-platform styles.
eleventy πβ‘οΈ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
Awesome-Design-Tokens - A list of resources on all things to do with Design Tokens
11ty-design-system - A Simple Design System generator for 11ty, supports design tokens and WebC
Awesome-Design-Tools - The best design tools and plugins for everything π
tugboat - A modern starter project using Eleventy and WebC.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Awesome-Design-Tools - The best design tools and plugins for everything π [Moved to: https://github.com/goabstract/Awesome-Design-Tools]
vyper - Pythonic Smart Contract Language for the EVM [Moved to: https://github.com/vyperlang/vyper]