figma / sds
Simple Design System (SDS) is a base design system that shows how Figma’s Variables, Styles, Components, and Code Connect can be used alongside a React codebase to form a complete picture of a responsive web design system.
☆299Updated last week
Related projects: ⓘ
- CSS-in-JS reinvented for scalable, typesafe design systems. A modern approach to just-in-time atomic CSS using CSS variables—no bundler r…☆782Updated last week
- The simplest way to add CSS styles to your React components.☆329Updated 2 weeks ago
- ☆119Updated 7 months ago
- Community repository for storing examples, reporting issues and tracking roadmap☆110Updated last month
- Custom transforms for Style-Dictionary, to work with Design Tokens that are exported from Tokens Studio☆187Updated this week
- Example GitHub Actions workflows for syncing variables to Figma☆92Updated last month
- Documentation that matches the quality of your product.☆403Updated this week
- Accessible and customizable components built with Panda CSS & Radix, based on shadcn/ui.☆269Updated 3 months ago
- Dynamic, theme-driven, style props for vanilla-extract.☆207Updated this week
- My personal design system☆236Updated this week
- A parser for the React Server components when sent over the network☆513Updated this week
- Hook into advanced CSS features from native inline styles.☆558Updated 3 weeks ago
- Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.☆111Updated 3 weeks ago
- Use DTCG tokens JSON to generate code for web, mobile, native apps, and more☆147Updated this week
- A collection of simply designed React components focused on making web accessibility as easy as copy & paste.☆333Updated 4 months ago
- Pigment CSS is a zero-runtime CSS-in-JS library that extracts the colocated styles to their own CSS files at build time.☆633Updated this week
- Tokens used by Spectrum, Adobe's design system.☆88Updated last week
- 🤖⏰ Headless utilities for building time and calendar components in TS/JS, React, Solid, Vue, Svelte and Angular☆525Updated last month
- example of a panda monorepo usage with a consuming app and multiple ui-lib providers☆40Updated 10 months ago
- An open-source checklist to help you plan, build and grow your design system.☆419Updated 7 months ago
- MutationObserver for CSS. Get notified when the computed value of a CSS property changes.☆283Updated this week
- 🧩 A figma plugin boilerplate, that simplifies building plugins with React + Vite!☆100Updated 2 months ago
- An utility to create a Box component from your vanilla-extract + sprinkles tokens.☆338Updated last year
- A package of transforms, formats, filters, etc. to use in your style dictionary config to transform your design tokens☆163Updated this week
- Translate component variants, properties, and more into dynamic code snippets for your design system.☆127Updated last month
- ☆330Updated this week
- Generate MSW request handlers from various sources (HAR files, OpenAPI documents, etc).☆134Updated 3 weeks ago
- Export tool for Figma. You can easily and automatically export your Figma components and use them directly into your website.☆256Updated 2 weeks ago
- The end-to-end platform for creating, sharing, and running codemods with engines like jscodeshift, ast-grep, ts-morph, and more. Automate…☆355Updated last week
- Re-usable multi part components built on React Aria and TailwindCSS. All powered by a VScode Extension.☆183Updated 8 months ago