awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
Shopify avatar

Shopify/polaris-reactArchived

0
View on GitHub
↗
6,174 stele·1,251 fork-uri·TypeScript·2 vizualizăripolaris.shopify.com↗

Polaris React

Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support.

The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as first-class components, and a responsive grid layout system built on CSS Grid with breakpoint-aware configurations. It includes accessible component primitives that implement WAI-ARIA patterns and keyboard navigation, compound component patterns for building complex UI elements from smaller composable parts, and a deprecated component migration layer with codemods and guides for transitioning between major versions.

The component surface covers form inputs with autocomplete, date pickers, and drag-and-drop file uploads; overlay components like popovers and tooltips; table components for index and tabular data displays; and typography components for applying text styles. Layout primitives include horizontal and vertical stacks, grid builders, page shells, and content grouping containers, while feedback indicators provide badges, banners, progress bars, spinners, and skeleton loading placeholders. Navigation components offer tabs, pagination, and contextual help links, and selection components include checkboxes, radio buttons, choice lists, and range sliders.

Features

  • React Component Libraries - A production-ready React component library implementing Shopify's Polaris design system.
  • Admin Interface Components - Provides reusable React components specifically designed for building consistent merchant-facing admin interfaces.
  • Icon Sets - Provides over 400 commerce-focused vector icons for visual communication.
  • Commerce - Ships over 400 commerce-specific vector icons as first-class components.
  • Icon Renderers - Provides an icon component for rendering scalable vector icons from a predefined set.

Căutare AI

Explorează mai multe repository-uri excelente

Descrie ce ai nevoie în limbaj simplu — AI-ul sortează mii de proiecte open source selectate în funcție de relevanță.

Start searching with AI
  • Icons - Provides over 400 commerce-focused icons for use in admin interfaces.
  • Navigation and Layouts - Provides layout and navigation components including grids, stacks, tabs, popovers, and navigation elements.
  • Commerce Icon Libraries - Delivers over 400 commerce-specific SVG icons as first-class components for consistent visual communication.
  • Admin UI Toolkits - Provides specialized components for constructing merchant-facing admin dashboards.
  • Accessible Components - Provides accessible React components with built-in WAI-ARIA patterns and keyboard navigation.
  • Data Display Components - Ships data display components for presenting lists, tables, resource items, and paginated collections.
  • Design System Components - Ships a comprehensive library of pre-styled, reusable UI components implementing the Polaris design system.
  • Design Tokens - Centralizes visual properties into design tokens for consistent color, spacing, and typography across components.
  • Form Input Components - Provides accessible form input components including text fields, checkboxes, date pickers, and autocomplete.
  • Accessible Form Patterns - Provides accessible form components with validation patterns built for merchant workflows.
  • Link Components - Ships a link component for navigating merchants to other pages or locations within the admin interface.
  • Popover Overlays - Provides a popover component that opens a small overlay on demand and closes on outside interaction.
  • Modular Page Composers - Provides a page shell composer for building consistent admin page layouts with flexible containers.
  • Responsive Grid Layouts - Ships a responsive grid layout system built on CSS Grid with breakpoint-aware configurations.
  • Index Tables - Ships an index table component for displaying and navigating collections of objects at a glance.
  • Design System Implementations - Implements a design system with production-ready components enforcing consistent visual styling.
  • Visual Feedback Systems - Provides visual feedback components including loading states, progress bars, banners, badges, and spinners.
  • Content Grouping Containers - Provides content grouping containers for wrapping related concepts and tasks.
  • Inline Validation Displays - Provides inline validation error displays that show brief error messages next to form inputs.
  • Adaptive Color Schemes - Manages distinct light and dark mode color schemes through CSS custom properties for automatic interface updates.
  • Avatar Components - Provides an avatar component for displaying user or business thumbnail representations.
  • Badge Components - Ships badge components for displaying small labels that indicate the tone or status of an object.
  • Card Components - Provides a media card component for introductory or highlight content in grid layouts.
  • Horizontal Layouts - Provides a horizontal stack layout component using Flexbox for side-by-side alignment of UI elements.
  • Semantic Color Assignments - Assigns semantic color tokens for backgrounds, text, borders, and icons to maintain visual hierarchy.
  • Semantic Color Mappings - Maps purpose-driven color names to palette values for consistent component theming across interfaces.
  • Combobox Components - Ships a combobox component combining text input with a dropdown list for filtering and selecting values.
  • Compound Components - Implements compound components that share implicit state across related child elements for declarative APIs.
  • Light and Dark Theme Systems - Implements light and dark color schemes entirely through CSS custom properties with no JavaScript runtime switching.
  • Data Filtering Interfaces - Provides a data filtering interface for searching, filtering, and sorting items in an index table.
  • Data Tables - Provides a tabular data display component for organizing and presenting dataset information in table format.
  • Saved Filter Views - Provides saved filter views that let users create and apply persistent configurations for index table data.
  • Date Pickers - Includes a date picker component with a visual calendar for selecting dates or date ranges.
  • Primitive Box Components - Provides a primitive box component for applying design tokens directly.
  • Action Lists - Provides an action list component for displaying selectable options in popover dropdown menus.
  • Empty State Placeholders - Ships an empty state placeholder component for guiding users when data collections are empty.
  • Drag-and-Drop File Upload - Provides a drag-and-drop file upload component that accepts files via drop zone or button click.
  • Checkbox Inputs - Includes checkbox input components for binary state toggles and multiple-item selection.
  • Form Submission Management - Ships a form submission handler that wraps inputs and manages submission events consistently.
  • Grouped Option Lists - Ships a grouped option list component for organizing selectable items into labeled categories.
  • Icon Libraries - Includes over 400 commerce-focused vector icons as first-class components for visual communication.
  • Bulleted Lists - Ships bulleted and numbered list components for displaying text content with markers.
  • Interactive Options Lists - Provides an interactive options list component with icons and descriptions for selection.
  • Resource Item Displays - Ships a resource item display component for representing objects with contextual info and detail links.
  • Choice Lists - Ships a choice list component that groups radio buttons or checkboxes into a single interactive list.
  • Description Lists - Provides a description list component for presenting term-definition pairs in structured layouts.
  • Exception Lists - Provides a dedicated component for highlighting exceptional information within lists.
  • Loading Skeletons - Provides skeleton loading placeholders to improve perceived load times.
  • Select Inputs - Includes a select input component presenting a dropdown menu for choosing one value from a list.
  • Notification Banners - Provides banner components for displaying prominent messages about important changes or persistent conditions.
  • Pagination Components - Provides a pagination component with buttons for navigating through ordered collections split into pages.
  • Progress Bars - Ships a progress bar component for visually representing task completion.
  • Radio Button Components - Includes radio button input components for single-choice selection from mutually exclusive options.
  • Range Sliders - Ships a range slider component for selecting numeric values within defined minimum and maximum bounds.
  • Multi-Select Tag Groups - Ships a tag management component for displaying and editing interactive keywords to label objects.
  • Spinners - Ships a spinner component for indicating ongoing background processes.
  • Typography Styling - Provides typography components for applying text styles to establish visual hierarchy and communicate importance.
  • Tabbed Navigation - Ships a tab view switcher component for alternating among related views within the same context.
  • Vertical Layouts - Ships a vertical stack layout component using Flexbox for arranging child elements in a column.
  • Form Layout Builders - Provides a form layout builder component for managing field spacing and arrangement in admin forms.
  • Text Input Fields - Provides text input components for single-line and multi-line text or number entry.
  • Autocomplete Inputs - Provides an autocomplete input component that filters and suggests options as the user types.
  • Tooltip Components - Ships a tooltip component that displays floating labels on hover or focus for UI elements.
  • Resource List Displays - Provides a resource list display component for navigating collections of typed objects.
  • React - Listed in the “React” section of the Awesome Ui Component Library awesome list.

    • Istoric stele

    Graficul istoricului de stele pentru shopify/polaris-reactGraficul istoricului de stele pentru shopify/polaris-react

    Întrebări frecvente

    Ce face shopify/polaris-react?

    Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support.

    Care sunt principalele funcționalități ale shopify/polaris-react?

    Principalele funcționalități ale shopify/polaris-react sunt: React Component Libraries, Admin Interface Components, Icon Sets, Commerce, Icon Renderers, Icons, Navigation and Layouts, Commerce Icon Libraries.

    Care sunt câteva alternative open-source pentru shopify/polaris-react?

    Alternativele open-source pentru shopify/polaris-react includ: cosscom/coss — Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a… creativetimofficial/material-tailwind — Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a… mui/base-ui — Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples… coreui/coreui-free-bootstrap-admin-template — CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for… hunvreus/basecoat — Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web… chakra-ui/zag — Zag is a headless UI state machine library that provides unstyled component logic to ensure consistent behavior across…

    Alternative open-source pentru Polaris React

    Proiecte open-source similare, clasificate după numărul de funcționalități comune cu Polaris React.
    • cosscom/cossAvatar cosscom

      cosscom/coss

      10,125Vezi pe GitHub↗

      Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const

      TypeScriptnextjsradix-uireact
      Vezi pe GitHub↗10,125
    • creativetimofficial/material-tailwindAvatar creativetimofficial

      creativetimofficial/material-tailwind

      4,359Vezi pe GitHub↗

      Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications. The project focuses on a customizable design system, allowing for centralized theme configuration and utility-based styling to maintain visual consistency across interfaces. The library includes a wide range of reusable interface elements, covering layout structures, navigation systems, and overlay components. It provides specialized tools for web form construction, data input controls, and

      TypeScriptjavascriptmaterialmaterial-design
      Vezi pe GitHub↗4,359
    • mui/base-uiAvatar mui

      mui/base-ui

      8,711Vezi pe GitHub↗

      Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

      TypeScriptaccessibilitydesign-systemreact
      Vezi pe GitHub↗8,711
  • coreui/coreui-free-bootstrap-admin-templateAvatar coreui

    coreui/coreui-free-bootstrap-admin-template

    12,220Vezi pe GitHub↗

    CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li

    HTMLadminadmin-dashboardadmin-panel
    Vezi pe GitHub↗12,220
    • Vezi toate cele 30 alternative pentru Polaris React→