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 6 JavaScript design-tool Projects
-
ProjectVisBug
FireBug for designers › Edit any webpage, in any state https://a.nerdy.dev/gimme-visbug
-
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.
-
react-proto
:art: React application prototyping tool for developers and designers :building_construction:
-
Round-Corners-Customization-for-Illustrator
Corner rounding customization script for Adobe Illustator
Project mention: Syncing Figma Variables and StyleDictionary with GitHub Actions | dev.to | 2023-08-03function getStyleDictionaryConfig(brand) { return { source: [`tokens/brands/${brand}/*.json`, 'tokens/globals/**/*.json'], platforms: { /** * Available platforms: https://amzn.github.io/style-dictionary/#/config?id=platform */ web: { transformGroup: 'web', buildPath: `build/web/${brand}/`, files: [ { destination: 'tokens.scss', format: 'scss/variables', }, ], }, }, } } /** * Build the tokens for each brand. * {@see - Example based on https://github.com/amzn/style-dictionary/tree/main/examples/advanced/multi-brand-multi-platform} */ ['microsoft', 'xbox'].map(function (brand) { ['web'].map(function (platform) { const StyleDictionary = StyleDictionaryPackage.extend( getStyleDictionaryConfig(brand), ) StyleDictionary.buildPlatform(platform) }) })
JavaScript design-tools related posts
- VisBug: Open-source web design debug tools
- Suggestions for new Awesome Design Tools
- What colors are these?
- Awesome Design Tools repository: The best design & development tools and plugins for everything (Illustrations, Co code tools, Mockup tools, UI design tools, Design inspiration, Animation tools, etc.)
- Any wait to generate a full JSON of tailwind?
- I made a fairly late comment on the "what designer resource post do you find most useful" yesterday and feel some may have missed out. I fully believe this GitHub link to be he holy grail.
- This is my favorite Github issue 🦎
-
A note from our sponsor - SurveyJS
surveyjs.io | 26 Apr 2024
Index
What are some of the best open-source design-tool projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Awesome-Design-Tools | 31,784 |
2 | ProjectVisBug | 5,353 |
3 | style-dictionary | 3,638 |
4 | react-proto | 3,435 |
5 | farbvelo | 68 |
6 | Round-Corners-Customization-for-Illustrator | 42 |
Sponsored