Shopify/polaris-reactArchived

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.
• 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.

Star history