fd-design-system
typed-css-modules
fd-design-system | typed-css-modules | |
---|---|---|
1 | 2 | |
11 | 988 | |
- | - | |
9.1 | 9.1 | |
3 days ago | 3 days ago | |
TypeScript | TypeScript | |
- | MIT 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.
fd-design-system
typed-css-modules
-
How to write type-safe CSS Modules
There are multiple ways to achieve this. For example, we could build a CSS to TypeScript definition extractor. However, to avoid re-inventing the wheel, we’ll leverage the open source package typed-css-modules. Let’s get to it!
- Auto generate type declaration for CSS module
What are some alternatives?
design-tokens - 🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
banquet - A gourmet Next.js boilerplate with TypeScript, SCSS, Plop.js, Jest+React Testing Library, ESLinst, Prettier, Husky, React Icons, and Chakra UI to create flavorful modern websites.
gscale - Genshin Impact character level up calculator. Data from g-hhw, paimon.moe and the genshin-impact fandom wiki.
pwa-resources - A curated collection of resources for learning to build Progressive Web Apps 💪
hacker-news-client - Clone of Hacker News with modern design
static-next - Showcase NextJS rendering strategies and pros/cons
css-modules-transform - A Visual Studio Code extension which automatically converts CSS class names into CSS Modules syntax on save.
nextjs-components - A collection of React components, transcribed from https://vercel.com/design.
flags - ⛳️ Feature Flags for Next.js
stylin - A built-time CSS library for styling React components.
figma-tokens-converter-cli - A CLI with utilities to simplify the process of Figma Design Tokens to Frontend.