Awesome-Design-Tools
theo
Awesome-Design-Tools | theo | |
---|---|---|
2 | 2 | |
22,524 | 1,936 | |
- | 0.9% | |
4.1 | 1.8 | |
about 3 years ago | over 2 years ago | |
JavaScript | JavaScript | |
MIT License | 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.
Awesome-Design-Tools
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?
What are some alternatives?
Awesome-Design-Tools - The best design tools and plugins for everything 👉
style-dictionary - A build system for creating cross-platform styles.
ProjectVisBug - FireBug for designers › Edit any webpage, in any state https://a.nerdy.dev/gimme-visbug
Awesome-Design-Tokens - A list of resources on all things to do with Design Tokens
awesome-design-systems - 📒 A curated list of bookmarks, resources and articles about design systems focused on developers.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
vyper - Pythonic Smart Contract Language for the EVM [Moved to: https://github.com/vyperlang/vyper]
tugboat - A modern starter project using Eleventy and WebC.
11ty-design-system - A Simple Design System generator for 11ty, supports design tokens and WebC