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 23 design-tool Open-Source Projects
-
-
-
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.
-
ProjectVisBug
FireBug for designers › Edit any webpage, in any state https://a.nerdy.dev/gimme-visbug
-
-
-
react-proto
:art: React application prototyping tool for developers and designers :building_construction:
-
-
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.
-
Silex
Silex live web creation, free/libre no-code website builder, next gen Webflow for the static web (by silexlabs)
-
Design-Resources
A curated list of design resources from design templates, stock photos, icons, colors, and much more.
-
-
-
-
-
ComposeLevitation
ComposeLevitation: Empower your Android Compose UI with mesmerizing levitation effects
-
Plymouth-Creator
A tool using GTK3 and Python to easily create your own plymouth boot animations from an .mp4 video or single .png files with a GUI.
-
WorkOS
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.
I chose Tachyons over Tailwind because Tachyons is an atomic CSS framework, similar to Tailwind, however it's much lighter weight. Tailwind tends to be a bit heavier without using post CSS processing so I wanted to stick with something smaller.
Project mention: A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev | dev.to | 2024-02-05Plasmic - A fast, easy-to-use, robust web design tool and page builder that integrates into your codebase. Build responsive pages or complex components; optionally extend with code; and publish to production sites and apps.
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) }) })
Try the Builder.io Figma plugin
Project mention: Background image scrolling issue and widget misplacement after exporting from Silex Desktop | /r/css | 2023-06-16First of all, wouldn't it make more sense to post this issue in https://github.com/silexlabs/Silex/issues if you haven't yet (preferably as two separate issues)?
Project mention: Open Source color palettes generator in HSLuv color space | news.ycombinator.com | 2024-02-02Why should a color palettes generator include telemetry?
https://github.com/saneef/color-color/commit/d04d3fb3b072a96...
Project mention: My friend: there isn't a perfect boot splash screen. Me: | /r/linuxmemes | 2023-07-03
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).
design-tools related posts
- Open Source color palettes generator in HSLuv color space
- My friend: there isn't a perfect boot splash screen. Me:
- VisBug: Open-source web design debug tools
- How to create prototypes from existing website pages?
- Show HN: I made CSS Pro, a re-imagined Devtools for web design
- Suggestions for new Awesome Design Tools
- Launch HN: Noya (YC W21) – a product design tool for non-designers
-
A note from our sponsor - SurveyJS
surveyjs.io | 29 Apr 2024
Index
What are some of the best open-source design-tool projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Awesome-Design-Tools | 31,784 |
| 2 | tachyons | 11,585 |
| 3 | ProjectVisBug | 5,353 |
| 4 | plasmic | 4,016 |
| 5 | style-dictionary | 3,638 |
| 6 | react-proto | 3,435 |
| 7 | html-figma | 2,947 |
| 8 | Silex | 2,061 |
| 9 | Design-Resources | 995 |
| 10 | GimelStudio | 634 |
| 11 | noya | 426 |
| 12 | lepton-eda | 198 |
| 13 | ComposeShadowsPlus | 149 |
| 14 | tachyons-verbose | 107 |
| 15 | color-color | 104 |
| 16 | ComposeScrollbars | 99 |
| 17 | pawxel | 92 |
| 18 | unity-ui-manager | 87 |
| 19 | ComposeFadingEdges | 80 |
| 20 | ComposeLevitation | 79 |
| 21 | farbvelo | 68 |
| 22 | Plymouth-Creator | 62 |
| 23 | DesignDetective | 44 |
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