React

هذا المشروع عبارة عن مكتبة مكونات واجهة مستخدم React ومجموعة أدوات واجهة مستخدم للواجهة الأمامية مصممة لتوفير مجموعة من عناصر واجهة المستخدم المصممة مسبقاً. يعمل كإطار عمل لنظام التصميم، ويقدم أنماطاً مرئية موحدة لضمان مظهر وملمس متماسك عبر شاشات مختلفة.

تركز المكتبة على تنفيذ نظام التصميم وبنية مكونات الواجهة الأمامية، مما يسمح بإنشاء مواقع وتطبيقات حديثة. يتكامل مباشرة في سير عمل تطبيق React لتسريع تطوير تخطيطات الويب المعقدة.

يستخدم النظام تجريداً قائماً على المكونات وتصميماً تركيبياً لبناء عناصر واجهة قابلة لإعادة الاستخدام. يدمج محرك سمات متغيرات CSS وتصميماً أولياً للأدوات للحفاظ على مقياس تصميم متسق ونظام مرئي، مع استخدام تعريفات نوع TypeScript لسلامة الدعائم (props).

Features

Design Systems - Serves as a standardized visual identity framework using shared design tokens and components.
CSS Variable Theming - Provides a dynamic theming system that maps design tokens to native CSS variables for real-time styling.
Design System Implementations - Implements a unified set of UI patterns to ensure a consistent visual identity across digital products.
React UI Component Libraries - Provides a cohesive design language and pre-built visual elements that integrate into React workflows.
Design System Implementations - Provides a framework that centralizes visual tokens and styling patterns to maintain consistent branding.
UI Kits - Offers a comprehensive set of reusable interface components and templates for rapid application development.
Component Composition Patterns - Implements architectural patterns for building complex user interfaces from atomic, modular building blocks.
Component Library Architectures - Organizes a modular library of reusable interface elements to accelerate complex web layout development.
UI Component Abstractions - Wraps low-level UI nodes into reusable React components to implement high-level design patterns.
UI Construction - Provides the building blocks necessary to construct modern websites and applications.
Utility-First Styling - Employs a utility-first styling approach with granular helper classes to maintain a consistent design scale.
Modern Website Development - Enables the creation of contemporary web pages using a standardized set of pre-styled components.
Data Visualization Libraries - Minimalist UI component library.

سجل النجوم

geist-orgreactArchived

Name: geist-org/react
Author: geist-org

View on GitHub

4,550 نجوم336 تفرعاتTypeScriptMIT4 مشاهدات

React

Features

Design Systems - Serves as a standardized visual identity framework using shared design tokens and components.
CSS Variable Theming - Provides a dynamic theming system that maps design tokens to native CSS variables for real-time styling.
Design System Implementations - Implements a unified set of UI patterns to ensure a consistent visual identity across digital products.
React UI Component Libraries - Provides a cohesive design language and pre-built visual elements that integrate into React workflows.
Design System Implementations - Provides a framework that centralizes visual tokens and styling patterns to maintain consistent branding.
UI Kits - Offers a comprehensive set of reusable interface components and templates for rapid application development.
Component Composition Patterns - Implements architectural patterns for building complex user interfaces from atomic, modular building blocks.
Component Library Architectures - Organizes a modular library of reusable interface elements to accelerate complex web layout development.
UI Component Abstractions - Wraps low-level UI nodes into reusable React components to implement high-level design patterns.
UI Construction - Provides the building blocks necessary to construct modern websites and applications.
Utility-First Styling - Employs a utility-first styling approach with granular helper classes to maintain a consistent design scale.
Modern Website Development - Enables the creation of contemporary web pages using a standardized set of pre-styled components.
Data Visualization Libraries - Minimalist UI component library.

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

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع React.

arco-design/arco-design
arco-design/arco-design
5,625عرض على GitHub
Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications. The system features a token-based theming engine that utilizes hierarchical design variables and CSS variables to enable granular visual customization. This allows for the modification of global and component-level styles through a dedicated theme editor or loader to align the interface with specific brand identities. The framework supports ent
TypeScript
عرض على GitHub5,625
primer/css
primer/css
12,978عرض على GitHub
This project is a CSS design system framework and modular library providing a standardized set of UI component stylesheets. It establishes a unified system of visual guidelines to ensure a consistent and professional look and feel across web interfaces. The framework is organized as a collection of standalone stylesheets that can be imported individually to minimize bundle size and eliminate unused styles. It utilizes a design token system based on CSS variables to manage theming and a utility-first class system for layout and spacing. The system employs a block element modifier naming conve
SCSScssdesign-systemdesign-systems
عرض على GitHub12,978
geist-org/geist-ui
geist-org/geist-ui
4,550عرض على GitHub
Geist UI is a design system framework and React UI component library. It provides a collection of pre-styled, accessible components and design primitives used to maintain visual consistency across websites and applications. The framework includes a themed UI provider that manages application styles through a centralized system, enabling the switching of visual modes such as light and dark themes. It also features a responsive CSS grid system for organizing content into rows and columns that adapt to various screen sizes. The library covers accessible UI development using compliant markup and
TypeScriptdesign-systemdesign-systemsgeist
عرض على GitHub4,550
coreui/coreui-free-react-admin-template
coreui/coreui-free-react-admin-template
4,940عرض على GitHub
This project is a React-based administrative template and UI kit designed for building dashboards. It provides a comprehensive collection of pre-styled layouts, an accessible component library, and a Sass-based UI framework for creating administrative interfaces. The template is specifically structured as an AI-optimized project, utilizing coding patterns and organization designed to help AI assistants generate consistent, production-ready React code. It features a flexible styling system using Sass variables and CSS custom properties to support customizable light and dark themes. The kit co
JavaScriptadminadmin-dashboardadmin-panel
عرض على GitHub4,940

عرض جميع البدائل الـ 30 لـ React

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

ما هي وظيفة geist-org/react؟

ما هي الميزات الرئيسية لـ geist-org/react؟

الميزات الرئيسية لـ geist-org/react هي: Design Systems, CSS Variable Theming, Design System Implementations, React UI Component Libraries, UI Kits, Component Composition Patterns, Component Library Architectures, UI Component Abstractions.

ما هي البدائل مفتوحة المصدر لـ geist-org/react؟

تشمل البدائل مفتوحة المصدر لـ geist-org/react: arco-design/arco-design — Arco Design is a React UI component library and design system framework used to build professional web interfaces. It… primer/css — This project is a CSS design system framework and modular library providing a standardized set of UI component… geist-org/geist-ui — Geist UI is a design system framework and React UI component library. It provides a collection of pre-styled,… coreui/coreui-free-react-admin-template — This project is a React-based administrative template and UI kit designed for building dashboards. It provides a… primer/primer — Primer is a CSS design system framework and utility library used to build consistent user interfaces based on a… primefaces/primereact — PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an…