{"id":11904,"date":"2025-02-27T12:49:16","date_gmt":"2025-02-27T05:49:16","guid":{"rendered":"https:\/\/ismtech.test.knmasters.com\/?p=11904"},"modified":"2025-02-27T13:14:05","modified_gmt":"2025-02-27T06:14:05","slug":"13-open-source-design-systems-by-leading-tech-companies","status":"publish","type":"post","link":"https:\/\/staging.ismtech.net\/th\/it-topics-trends-th\/13-open-source-design-systems-by-leading-tech-companies\/","title":{"rendered":"13 Open-Source Design Systems \u0e08\u0e32\u0e01\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/ismtech.test.knmasters.com\/wp-content\/uploads\/2025\/02\/2025.02.27-13-Open-Source-Design-Systems-by-Leading-Tech-Companies-1024x536.jpg\" alt=\"13 Open Source Design Systems By Leading Tech Companies\" class=\"wp-image-11906\" srcset=\"https:\/\/staging.ismtech.net\/wp-content\/uploads\/2025\/02\/2025.02.27-13-Open-Source-Design-Systems-by-Leading-Tech-Companies-1024x536.jpg 1024w, https:\/\/staging.ismtech.net\/wp-content\/uploads\/2025\/02\/2025.02.27-13-Open-Source-Design-Systems-by-Leading-Tech-Companies-300x157.jpg 300w, https:\/\/staging.ismtech.net\/wp-content\/uploads\/2025\/02\/2025.02.27-13-Open-Source-Design-Systems-by-Leading-Tech-Companies-768x402.jpg 768w, https:\/\/staging.ismtech.net\/wp-content\/uploads\/2025\/02\/2025.02.27-13-Open-Source-Design-Systems-by-Leading-Tech-Companies.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<p>\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e2d\u0e31\u0e1b\u0e40\u0e01\u0e23\u0e14 UI\/UX \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e14\u0e49\u0e27\u0e22 Open-Source Design System \u0e08\u0e32\u0e01\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33 \u0e2b\u0e25\u0e35\u0e01\u0e40\u0e25\u0e35\u0e48\u0e22\u0e07\u0e04\u0e27\u0e32\u0e21\u0e22\u0e38\u0e48\u0e07\u0e22\u0e32\u0e01\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e2d\u0e07\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e15\u0e49\u0e19 \u0e0b\u0e36\u0e48\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07 \u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e21\u0e48\u0e33\u0e40\u0e2a\u0e21\u0e2d \u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14 \u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e04\u0e38\u0e13\u0e08\u0e30\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 App, SaaS Product \u0e2b\u0e23\u0e37\u0e2d Internal Dashboard \u0e01\u0e31\u0e1a <strong>13 Open-Source Design Systems <\/strong><strong>\u0e08\u0e32\u0e01\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33<\/strong><\/p>\n<h3><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">1. G<\/strong><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">estalt by Pinterest<\/strong><\/h3>\n<p>\u0e41\u0e19\u0e48\u0e19\u0e2d\u0e19\u0e27\u0e48\u0e32 Pinterest \u0e02\u0e36\u0e49\u0e19\u0e0a\u0e37\u0e48\u0e2d\u0e43\u0e19\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e14\u0e36\u0e07\u0e14\u0e39\u0e14\u0e2a\u0e32\u0e22\u0e15\u0e32\u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e34\u0e15\u0e23\u0e15\u0e48\u0e2d User \u0e14\u0e31\u0e07\u0e19\u0e31\u0e49\u0e19 Gestalt \u0e40\u0e1b\u0e47\u0e19 Open-source Design System \u0e17\u0e35\u0e48\u0e40\u0e19\u0e49\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07 UI \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e44\u0e14\u0e49 \u0e17\u0e33\u0e43\u0e2b\u0e49 Developer \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e14\u0e35\u0e43\u0e2b\u0e49\u0e41\u0e01\u0e48 User \u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/GestaltByPinterest.jpg\" alt=\"Gestalt by Pinterest\" width=\"1372\" height=\"662\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1372px; --smush-placeholder-aspect-ratio: 1372\/662;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"https:\/\/gestalt.pinterest.systems\/home\" target=\"_blank\" rel=\"noopener\">https:\/\/gestalt.pinterest.systems\/home<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e07\u0e48\u0e32\u0e22<\/li>\n<li>\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a User \u0e17\u0e38\u0e01\u0e04\u0e19<\/li>\n<li>\u0e21\u0e35\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22<\/li>\n<\/ul>\n<p>GitHub Stars: ~4.3k<\/p>\n<h3><strong>2. Material Design by Google<\/strong><\/h3>\n<p>Material Design \u0e04\u0e37\u0e2d Design System \u0e02\u0e2d\u0e07 Google \u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e2a\u0e23\u0e49\u0e32\u0e07 UI \u0e17\u0e35\u0e48\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21 \u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e14\u0e36\u0e07\u0e14\u0e39\u0e14\u0e2a\u0e32\u0e22\u0e15\u0e32 \u0e42\u0e14\u0e22\u0e40\u0e19\u0e49\u0e19\u0e2a\u0e35\u0e2a\u0e31\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e14\u0e43\u0e2a \u0e40\u0e07\u0e32\u0e17\u0e35\u0e48\u0e19\u0e38\u0e48\u0e21\u0e19\u0e27\u0e25 \u0e41\u0e25\u0e30 Animation \u0e17\u0e35\u0e48\u0e23\u0e32\u0e1a\u0e23\u0e37\u0e48\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07 User \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e43\u0e19\u0e17\u0e38\u0e01 Platform<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/MaterialDesignByGoogle.jpg\" alt=\"Material Design by Google\" width=\"1364\" height=\"662\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1364px; --smush-placeholder-aspect-ratio: 1364\/662;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"https:\/\/m3.material.io\/\" target=\"_blank\" rel=\"noopener\">https:\/\/m3.material.io\/<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>Grid-based Layouts \u0e41\u0e25\u0e30 Responsive Animations<\/li>\n<li>\u0e17\u0e33\u0e07\u0e32\u0e19\u0e1a\u0e19 Web \u0e41\u0e25\u0e30 \u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e32\u0e1a\u0e23\u0e37\u0e48\u0e19<\/li>\n<li>\u0e21\u0e35 Component \u0e17\u0e35\u0e48\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e21\u0e32\u0e01\u0e21\u0e32\u0e22<\/li>\n<\/ul>\n<p>GitHub Stars: ~8.2k<\/p>\n<h3><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">3. Blueprint by Palantir<\/strong><\/h3>\n<p>Blueprint \u0e40\u0e1b\u0e47\u0e19 Design System \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a React Developer \u0e42\u0e14\u0e22\u0e21\u0e35 Reusable Component \u0e21\u0e32\u0e01\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e21\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e1a Interactive Documentation System \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07 UI \u0e17\u0e35\u0e48\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e07\u0e48\u0e32\u0e22\u0e14\u0e32\u0e22<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/BlueprintByPalantir.jpg\" alt=\"Blueprint by Palantir\" width=\"1362\" height=\"614\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1362px; --smush-placeholder-aspect-ratio: 1362\/614;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"https:\/\/blueprintjs.com\/\" target=\"_blank\" rel=\"noopener\">Webblueprintjs.com<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Application \u0e17\u0e35\u0e48\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e19\u0e27\u0e19\u0e21\u0e32\u0e01\u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30<\/li>\n<li>\u0e42\u0e15\u0e49\u0e15\u0e2d\u0e1a\u0e44\u0e14\u0e49\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e44\u0e14\u0e49<\/li>\n<li>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a React \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e25\u0e31\u0e01<\/li>\n<\/ul>\n<p>GitHub Stars: ~20.3k<\/p>\n<h3><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">4. Polaris by Shopify<\/strong><\/h3>\n<p>Shopify \u0e1e\u0e31\u0e12\u0e19\u0e32 Polaris \u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23 Shopping \u0e17\u0e35\u0e48\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e23\u0e32\u0e1a\u0e23\u0e37\u0e48\u0e19\u0e1a\u0e19 Platform \u0e2b\u0e32\u0e01\u0e04\u0e38\u0e13\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 E-commerce App \u0e0b\u0e36\u0e48\u0e07 Design System \u0e19\u0e35\u0e49\u0e08\u0e30\u0e21\u0e35 Components \u0e41\u0e25\u0e30 Guidelines \u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e19\u0e48\u0e43\u0e08\u0e27\u0e48\u0e32 Interface \u0e08\u0e30\u0e23\u0e32\u0e1a\u0e23\u0e37\u0e48\u0e19\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/PolarisByShopify.jpg\" alt=\"Polaris by Shopify\" width=\"1362\" height=\"658\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1362px; --smush-placeholder-aspect-ratio: 1362\/658;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"http:\/\/Polaris.shopify.com\" target=\"_blank\" rel=\"noopener\">Polaris.shopify.com<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>Design Guidelines \u0e42\u0e14\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/li>\n<li>Optimize \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a E-commerce Flows<\/li>\n<li>\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e44\u0e14\u0e49<\/li>\n<\/ul>\n<p>GitHub Stars: ~5.6k<\/p>\n<h3><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">5. Lightning by Salesforce<\/strong><\/h3>\n<p>Salesforce \u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19 Software \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23 \u0e44\u0e14\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07 Lightning \u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e40\u0e1b\u0e47\u0e19 Open-source Design System \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e16\u0e36\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07 UI, \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14 \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e17\u0e31\u0e48\u0e27\u0e17\u0e31\u0e49\u0e07 Ecosystem<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/LightningBySalesforce.jpg\" alt=\"Lightning by Salesforce\" width=\"1364\" height=\"682\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1364px; --smush-placeholder-aspect-ratio: 1364\/682;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"http:\/\/www.lightningdesignsystem.com\" target=\"_blank\" rel=\"noopener\">www.lightningdesignsystem.com<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>Ready-to-use HTML &amp; CSS Components<\/li>\n<li>\u0e21\u0e35\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e14\u0e35<\/li>\n<li>\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 Solution \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e44\u0e14\u0e49 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/li>\n<\/ul>\n<p>GitHub Stars: ~3.5k<\/p>\n<h3><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">6. Primer by GitHub<\/strong><\/h3>\n<p>Design System \u0e02\u0e2d\u0e07 GitHub \u0e16\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e19\u0e2a\u0e20\u0e32\u0e1e\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 Code \u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19 \u0e2b\u0e32\u0e01\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49 App \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e21\u0e35\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19 GitHub \u0e19\u0e35\u0e48\u0e04\u0e37\u0e2d\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e04\u0e38\u0e13<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/PrimerByGitHub.jpg\" alt=\"Primer by GitHub\" width=\"1368\" height=\"682\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1368px; --smush-placeholder-aspect-ratio: 1368\/682;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"https:\/\/primer.style\/\" target=\"_blank\" rel=\"noopener\">https:\/\/primer.style\/<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>UI \u0e17\u0e35\u0e48\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e15\u0e32 \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e34\u0e15\u0e23\u0e15\u0e48\u0e2d Developer<\/li>\n<li>Design Guideline \u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21<\/li>\n<li>\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19\u0e01\u0e31\u0e1a\u0e17\u0e35\u0e48 GitHub \u0e43\u0e0a\u0e49<\/li>\n<\/ul>\n<p>GitHub Stars: ~2.9k<\/p>\n<h3><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">7. Spectrum by Adobe<\/strong><\/h3>\n<p>Adobe \u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\u0e01\u0e31\u0e19\u0e14\u0e35\u0e43\u0e19\u0e14\u0e49\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e44\u0e14\u0e49\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a Spectrum \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19 Open-source Design System \u0e17\u0e35\u0e48\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e41\u0e25\u0e30 User \u0e44\u0e27\u0e49\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e01\u0e31\u0e19\u0e17\u0e31\u0e49\u0e07\u0e17\u0e32\u0e07\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/SpectrumByAdobe.jpg\" alt=\"Spectrum by Adobe\" width=\"1364\" height=\"654\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1364px; --smush-placeholder-aspect-ratio: 1364\/654;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"http:\/\/React-spectrum.adobe.com\" target=\"_blank\" rel=\"noopener\">React-spectrum.adobe.com<\/a><\/p>\n<p><strong>\u00a0<\/strong><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e44\u0e14\u0e49<\/li>\n<li>\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e27\u0e32\u0e07\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21<\/li>\n<li>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d \u0e41\u0e25\u0e30 Dashboard \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c<\/li>\n<\/ul>\n<p>GitHub Stars: ~11.1k<\/p>\n<h3><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">8. Carbon by IBM<\/strong><\/h3>\n<p>Design System \u0e02\u0e2d\u0e07 Carbon \u0e42\u0e14\u0e22 IBM \u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Application \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14 \u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e44\u0e14\u0e49 \u0e41\u0e25\u0e30 UI \u0e17\u0e35\u0e48\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e17\u0e35\u0e48\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/CarbonByIBM.jpg\" alt=\"Carbon by IBM\" width=\"1366\" height=\"466\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/466;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"http:\/\/Carbondesignsystem.com\" target=\"_blank\" rel=\"noopener\">Carbondesignsystem.com<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>Guidelines \u0e41\u0e25\u0e30 Components \u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21<\/li>\n<li>\u0e21\u0e35\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e17\u0e35\u0e48\u0e14\u0e35\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Application \u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/li>\n<li>\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Dashboard \u0e41\u0e25\u0e30 UI \u0e17\u0e35\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e19\u0e27\u0e19\u0e21\u0e32\u0e01<\/li>\n<\/ul>\n<p>GitHub Stars: ~7.4k<\/p>\n<h3><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">9. Ring UI by JetBrains<\/strong><\/h3>\n<p>JetBrains \u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\u0e43\u0e19\u0e10\u0e32\u0e19\u0e30\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e17\u0e35\u0e48\u0e21\u0e35\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Developer \u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33 \u0e44\u0e14\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07 Ring UI \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19 Open-source Component Library \u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07 UI \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e19 Development Environment<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/RingUIByJetBrains.jpg\" alt=\"Ring UI by JetBrains\" width=\"1360\" height=\"654\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/654;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"https:\/\/github.com\/JetBrains\/ring-ui\" target=\"_blank\" rel=\"noopener\">Jetbrains.github.io<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>Optimize \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Tools \u0e41\u0e25\u0e30 Plugins \u0e02\u0e2d\u0e07 Developer<\/li>\n<li>UI \u0e17\u0e35\u0e48\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e15\u0e32 \u0e41\u0e25\u0e30\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22<\/li>\n<li>\u0e40\u0e19\u0e49\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19<\/li>\n<\/ul>\n<p>GitHub Stars: ~3.5k<\/p>\n<h3><strong>10. Base Web by Uber<\/strong><\/h3>\n<p>Base Web \u0e02\u0e2d\u0e07 Uber \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19 React Component Libraries \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e44\u0e14\u0e49\u0e21\u0e32\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/BaseWebByUber.jpg\" alt=\"Base Web by Uber\" width=\"1364\" height=\"654\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1364px; --smush-placeholder-aspect-ratio: 1364\/654;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"https:\/\/baseweb.design\/\" target=\"_blank\" rel=\"noopener\">https:\/\/baseweb.design\/<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e07 (Overrides API)<\/li>\n<li>\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a Application \u0e17\u0e35\u0e48\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e44\u0e14\u0e49<\/li>\n<li>\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e01\u0e31\u0e1a\u0e17\u0e31\u0e49\u0e07 Project \u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01\u0e41\u0e25\u0e30\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/li>\n<\/ul>\n<p>GitHub Stars: ~8.6k<\/p>\n<h3><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">11. A<\/strong><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">tlassian Design System<\/strong><\/h3>\n<p>\u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19 Jira, Confluence \u0e41\u0e25\u0e30 Trello \u0e15\u0e48\u0e32\u0e07\u0e43\u0e0a\u0e49\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e02\u0e2d\u0e07 Atlassian \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e43\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e41\u0e25\u0e30\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e32\u0e1a\u0e23\u0e37\u0e48\u0e19<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/AtlassianDesignSystem.jpg\" alt=\"Atlassian Design System\" width=\"1360\" height=\"650\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1360px; --smush-placeholder-aspect-ratio: 1360\/650;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"http:\/\/Atlassian.design\" target=\"_blank\" rel=\"noopener\">Atlassian.design<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>Optimize \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e21<\/li>\n<li>\u0e21\u0e35\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19 \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2d\u0e01\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e08\u0e14\u0e08\u0e33<\/li>\n<li>\u0e21\u0e35\u0e01\u0e32\u0e23 Document \u0e44\u0e27\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e14\u0e35<\/li>\n<\/ul>\n<p>GitHub Stars: N\/A<\/p>\n<h3><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">12. F<\/strong><strong style=\"color: initial; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">luent by Microsoft<\/strong><\/h3>\n<p>Fluent \u0e04\u0e37\u0e2d Design System \u0e02\u0e2d\u0e07 Microsoft \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 App \u0e17\u0e35\u0e48\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e07\u0e15\u0e31\u0e27\u0e01\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c Native Windows \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e16\u0e36\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07 \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/FluentByMicrosoft.jpg\" alt=\"Fluent by Microsoft\" width=\"1368\" height=\"658\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1368px; --smush-placeholder-aspect-ratio: 1368\/658;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"http:\/\/Fluent2.microsoft.design\" target=\"_blank\" rel=\"noopener\">Fluent2.microsoft.design<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>Motion \u0e41\u0e25\u0e30 UI Elements \u0e17\u0e35\u0e48\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21<\/li>\n<li>Animations \u0e41\u0e25\u0e30 Transitions \u0e17\u0e35\u0e48\u0e23\u0e32\u0e1a\u0e23\u0e37\u0e48\u0e19<\/li>\n<li>Optimize \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Ecosystem \u0e02\u0e2d\u0e07 Microsoft<\/li>\n<\/ul>\n<p>GitHub Stars: ~17.4k<\/p>\n<h3><strong>13. Protocol by Mozilla<\/strong><\/h3>\n<p>Design System \u0e02\u0e2d\u0e07 Protocol \u0e42\u0e14\u0e22 Mozilla \u0e16\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e01\u0e29\u0e32\u0e23\u0e39\u0e1b\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/images.ismtech.net\/Images\/Blog\/Article2025\/Top13OpenSourceDesignSystems\/ProtocolByMozilla.jpg\" alt=\"Protocol by Mozilla\" width=\"1368\" height=\"656\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1368px; --smush-placeholder-aspect-ratio: 1368\/656;\" \/><\/p>\n<p><strong>Link:<\/strong> <a href=\"http:\/\/Protocol.mozilla.org\" target=\"_blank\" rel=\"noopener\">Protocol.mozilla.org<\/a><\/p>\n<p><strong>\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/strong><\/p>\n<ul>\n<li>\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e01\u0e32\u0e23 Open-source<\/li>\n<li>\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e07\u0e48\u0e32\u0e22 \u0e41\u0e15\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/li>\n<li>\u0e07\u0e48\u0e32\u0e22\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23 Integrate \u0e01\u0e31\u0e1a Web Project \u0e15\u0e48\u0e32\u0e07 \u0e46<\/li>\n<\/ul>\n<p>GitHub Stars: 251<\/p>\n<p>\u0e41\u0e25\u0e30\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e19\u0e35\u0e49\u0e01\u0e47\u0e04\u0e37\u0e2d <strong>13 Open-Source Design Systems <\/strong><strong>\u0e08\u0e32\u0e01\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33 <\/strong>\u0e14\u0e31\u0e07\u0e19\u0e31\u0e49\u0e19 \u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e04\u0e38\u0e13\u0e08\u0e30\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 SaaS Product, Internal Tool, Personal Project \u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e08\u0e32\u0e01 Design Systems \u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e21\u0e32\u0e41\u0e25\u0e49\u0e27\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e41\u0e17\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e17\u0e38\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e2d\u0e07\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e15\u0e49\u0e19<\/p>\n<p>\u0e40\u0e21\u0e37\u0e48\u0e2d\u00a0<a href=\"https:\/\/www.ismtech.net\/th\/find-jobs\/\" target=\"_blank\" rel=\"noopener\">\u0e2b\u0e32\u0e07\u0e32\u0e19 IT<\/a>\u00a0\u0e43\u0e2b\u0e49 ISM Technology Recruitment \u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e35\u0e01\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e15\u0e31\u0e27\u0e0a\u0e48\u0e27\u0e22 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49 \u201c\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u201d \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e2a\u0e48\u0e07 Resume \u0e21\u0e32<a href=\"https:\/\/www.ismtech.net\/submit-your-resume\" target=\"_blank\" rel=\"noopener\">\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48<\/a><\/p>\n<p>ISM \u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e43\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 IT Recruitment &amp; IT Outsourcing \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30 \u0e44\u0e14\u0e49\u0e40\u0e1b\u0e34\u0e14\u0e17\u0e33\u0e01\u0e32\u0e23\u0e21\u0e32\u0e41\u0e25\u0e49\u0e27\u0e01\u0e27\u0e48\u0e32 30 \u0e1b\u0e35 \u0e21\u0e35\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e17\u0e38\u0e01\u0e2a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e17\u0e38\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19 IT \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e43\u0e2b\u0e0d\u0e48\u0e17\u0e35\u0e48\u0e21\u0e35\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e02\u0e49\u0e32\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e21\u0e32\u0e01\u0e21\u0e32\u0e22<\/p>\n<p><strong><em>Source:<\/em><\/strong> <a href=\"https:\/\/medium.com\/lets-code-future\/top-13-open-source-design-systems-by-leading-tech-companies-you-can-use-today-23ad7b3ea094\" target=\"_blank\" rel=\"noopener\"><em>https:\/\/medium.com\/lets-code-future\/<\/em><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e2d\u0e31\u0e1b\u0e40\u0e01\u0e23\u0e14 UI\/UX \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e14\u0e49\u0e27\u0e22 Open-Source Design System \u0e01\u0e31\u0e1a 13 Open-Source Design Systems \u0e08\u0e32\u0e01\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[89],"tags":[],"class_list":["post-11904","post","type-post","status-publish","format-standard","hentry","category-it-topics-trends-th"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/posts\/11904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/comments?post=11904"}],"version-history":[{"count":0,"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/posts\/11904\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/media?parent=11904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/categories?post=11904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.ismtech.net\/th\/wp-json\/wp\/v2\/tags?post=11904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}