With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 11 TypeScript design-token Projects
-
polaris
Shopify’s design system to help us work together to build a great experience for all of our merchants.
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
design-tokens
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
-
storybook-design-token
Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
-
parsers
Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
-
figma-tokens-converter-cli
A CLI with utilities to simplify the process of Figma Design Tokens to Frontend.
We are delighted to announce that the interface of Ryviu account has been updated according to Shopify Polaris. Aligned with Shopify's top-tier standards for safety, performance, and functionality, these changes aim to simplify the process of importing and managing product reviews for your store.
Over the past few years, I've worked with React apps utilising various CSS-in-JS libraries, starting with styled-components, transitioning through emotion, Theme UI, and finally Stitches. I've also integrated MUI, Mantine, and Chakra in numerous client projects.
Project mention: Show HN: Specify 2.0 – Your design token engine | news.ycombinator.com | 2024-01-25
Project mention: Design System cookbooks, An open-source design system database | /r/Design | 2023-12-11Database: https://github.com/Design-System-Cookbooks/design-systems Website: https://www.designsystemcookbooks.com/
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript design-tokens related posts
- Show HN: Specify 2.0 – Your design token engine
- Mirrorful – free and open-source React component library
- How do you make the devs life easier ?
- Css 500 different hex colors
- How can one create this type of animation? Especially with react js
- Mirrorful - a simple, open-source design system framework. Install Mirrorful to generate colors and other design tokens for your project. Then, import these tokens directly into your app
- Show HN: Mirrorful – A developer-first way to implement designs faster
-
A note from our sponsor - SurveyJS
surveyjs.io | 26 Apr 2024
Index
What are some of the best open-source design-token projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | polaris | 5,637 |
| 2 | theme-ui | 5,212 |
| 3 | design-tokens | 901 |
| 4 | storybook-design-token | 634 |
| 5 | huetone | 286 |
| 6 | parsers | 111 |
| 7 | design-tokens | 49 |
| 8 | design-systems | 12 |
| 9 | fd-design-system | 11 |
| 10 | figma-tokens-converter-cli | 8 |
| 11 | design-tokens | 0 |
Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com