awesome-repositories.com
المدونة
MCP
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعخادم MCPحولكيفية ترتيب النتائجالصحافة
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
salesforce-ux avatar

salesforce-ux/design-system

0
View on GitHub↗

Design System

This project is a comprehensive design system framework for building accessible, responsive, and consistent web interfaces. It provides a centralized architecture for managing visual properties and standardized component blueprints, ensuring that branding and interaction patterns remain uniform across diverse applications.

The framework distinguishes itself through an accessibility-first approach, embedding semantic markup and inclusive design standards directly into its component blueprints. By utilizing a design-token-driven styling system, it centralizes visual values like typography, spacing, and color, allowing these properties to propagate consistently across multiple platforms and output formats.

The system includes a modular utility-based styling architecture and a flexible grid engine that automatically adjusts component positioning and sizing based on viewport constraints. It also features build-time asset compilation, which transforms abstract design definitions into distributable CSS and static assets to maintain performance and structural consistency.

Developers can access these standardized blueprints and design tokens through the provided documentation and asset distribution tools.

بحث بالذكاء الاصطناعي

استكشف المزيد من المستودعات الرائعة

صف ما تحتاجه بلغة بسيطة — وسيقوم الذكاء الاصطناعي بترتيب آلاف المشاريع مفتوحة المصدر المنسقة حسب الصلة.

Start searching with AI
www.lightningdesignsystem.com
↗

Features

  • Design System - Provides a collection of standardized CSS blueprints and design tokens for building accessible and consistent user interfaces across web applications.
  • CSS Utility Classes - Organizes layout and component styling into modular, reusable utility classes to facilitate interface composition without custom CSS.
  • Design System Management - Centralizes visual styles and reusable components to maintain consistency across product design and development.
  • Design Tokens - Centralizes visual properties into a single source of truth that propagates consistent design values across platforms.
  • Accessibility-First Patterns - Embeds semantic HTML and ARIA attributes directly into component blueprints to ensure inclusive user experiences by default.
  • Build-Time Asset Processing - Transforms abstract design definitions into optimized, distributable CSS and static assets during the build process.
  • Responsive UI Design - Creates flexible interface structures that automatically adjust sizing and positioning to fit various screen sizes and device types.
  • Accessibility Compliance Verifiers - Provides automated tools to scan and validate interface components for accessibility compliance against established inclusive design standards.
  • Accessible Component Libraries - Provides a set of standardized HTML and CSS patterns designed to meet accessibility compliance requirements for inclusive user interface development.
  • Accessible UI Frameworks - Supplies standardized HTML and CSS blueprints that ensure consistent styling and accessibility compliance for building user interface components.
  • Design Token Management - Organizes visual properties into a centralized format to maintain a consistent brand identity across multiple platforms and projects.
  • Web Accessibility Compliance - Builds user interface components using standardized blueprints that ensure compliance with inclusive design and accessibility standards.
  • Responsive Grid Systems - Provides a flexible grid-based layout engine that automatically adjusts component positioning and sizing based on viewport constraints.
  • UI Component Management - Implements a standardized set of UI elements to ensure uniform visual styles and interactive behaviors across applications.
  • Cross-Platform Styling - Compiles design tokens into distributable assets to ensure a uniform look and feel across different applications and environments.
  • Component Composition - Provides standardized HTML and CSS templates that enforce structural consistency and accessibility compliance across diverse application environments.
  • Component State Management - Applies standardized modifiers and utility classes to represent interactive conditions such as focus, selection, success, warning, or error states.
  • Responsive Layout Systems - Provides a grid-based framework with utility classes and component modifiers to ensure consistent styling across various screen sizes.
3,689 نجوم·843 تفرعات·JavaScript·20 مشاهدات

سجل النجوم

مخطط تاريخ النجوم لـ salesforce-ux/design-systemمخطط تاريخ النجوم لـ salesforce-ux/design-system

الأسئلة الشائعة

ما هي وظيفة salesforce-ux/design-system؟

This project is a comprehensive design system framework for building accessible, responsive, and consistent web interfaces. It provides a centralized architecture for managing visual properties and standardized component blueprints, ensuring that branding and interaction patterns remain uniform across diverse applications.

ما هي الميزات الرئيسية لـ salesforce-ux/design-system؟

الميزات الرئيسية لـ salesforce-ux/design-system هي: Design System, CSS Utility Classes, Design System Management, Design Tokens, Accessibility-First Patterns, Build-Time Asset Processing, Responsive UI Design, Accessibility Compliance Verifiers.

ما هي البدائل مفتوحة المصدر لـ salesforce-ux/design-system؟

تشمل البدائل مفتوحة المصدر لـ salesforce-ux/design-system: uikit/uikit — UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web… uswds/uswds — The United States Web Design System is a government design system and accessible UI framework. It provides a… thoughtbot/guides — This project is a software engineering style guide and a curated collection of architectural patterns and coding… mui/material-ui — Material UI is a comprehensive component-based library designed to accelerate the construction of professional,… codyhouse/codyhouse-framework — Codyhouse Framework is a front-end design system framework and CSS utility framework that provides an accessible UI… radix-ui/themes — This project is an accessible UI component library and themed design system. It provides a collection of pre-made user…

بدائل مفتوحة المصدر لـ Design System

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع Design System.
  • uikit/uikitالصورة الرمزية لـ uikit

    uikit/uikit

    18,534عرض على GitHub↗

    UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements. The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes. The toolkit covers

    HTML
    عرض على GitHub↗18,534
  • uswds/uswdsالصورة الرمزية لـ uswds

    uswds/uswds

    7,116عرض على GitHub↗

    The United States Web Design System is a government design system and accessible UI framework. It provides a collection of standardized CSS and JavaScript components, along with a CSS component library, specifically designed for building consistent federal government websites. The system allows for custom CSS theme development through the use of design tokens for colors, spacing, and typography. Users can customize visual themes and compile custom styles to maintain a unified brand identity across multiple web properties. The framework covers responsive interface design and web accessibility

    SCSS
    عرض على GitHub↗7,116
  • thoughtbot/guidesالصورة الرمزية لـ thoughtbot

    thoughtbot/guides

    9,556عرض على GitHub↗

    This project is a software engineering style guide and a curated collection of architectural patterns and coding standards. It provides a multi-language coding standard to ensure maintainable software across Ruby, Python, JavaScript, and Swift. The project establishes a development workflow specification for version control, continuous integration, and peer review to maintain a linear project history. It also includes a web accessibility framework based on ARIA and WCAG standards, using design tokens and semantic HTML patterns to build inclusive interfaces. The guides cover a broad range of

    Ruby
    عرض على GitHub↗9,556
  • mui/material-uiالصورة الرمزية لـ mui

    mui/material-ui

    98,459عرض على GitHub↗

    Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards. The project distinguishes itself through a zero-runtime styling engi

    JavaScriptdesign-systemmaterial-designmaterial-ui
    عرض على GitHub↗98,459
عرض جميع البدائل الـ 30 لـ Design System→

مجموعات مختارة تضم Design System

مجموعات منسقة بعناية يظهر فيها Design System.
  • أداة للتحجيم الأفقي للمكونات
  • أدوات رموز التصميم (Design Tokens)
  • خارطة طريق أنظمة التصميم