# shoutem/ui

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/shoutem-ui).**

4,976 stars · 455 forks · JavaScript · NOASSERTION

## Links

- GitHub: https://github.com/shoutem/ui
- awesome-repositories: https://awesome-repositories.com/repository/shoutem-ui.md

## Description

This project is a cross-platform mobile UI library and design system built for the React Native framework. It provides a collection of styleable and reusable interface components to ensure visual consistency across different mobile operating systems.

The framework includes a specialized tool for transforming raw HTML strings into native mobile components using custom element rendering and style overrides. It also features a remote update system that allows interface changes and new features to be pushed directly to devices without requiring a full application store release.

The library covers a broad range of capabilities, including centralized application styling and theme management, declarative UI animations, and screen layout management using grids, tabs, and pagers. It provides a suite of interactive elements for user input, media rendering for images and videos, and system notification indicators.

Additional utility features include local storage for bookmarks, push notification integration, and automated tools for store publishing.

## Tags

### Mobile Development

- [React Native Components](https://awesome-repositories.com/f/mobile-development/react-native-ecosystem/react-native-components.md) — Provides a comprehensive collection of pre-built user interface elements designed specifically for the React Native framework.
- [Mobile Application Theming](https://awesome-repositories.com/f/mobile-development/mobile-application-theming.md) — Applies a centralized styling system and global configuration to maintain a uniform visual identity across the application.
- [Screen Layout Libraries](https://awesome-repositories.com/f/mobile-development/screen-layout-libraries.md) — Includes content organization tools such as grids, tabs, and pagers to structure mobile screen arrangements. ([source](https://github.com/shoutem/ui/tree/develop/components))
- [Over-the-Air Updates](https://awesome-repositories.com/f/mobile-development/distribution-updates/over-the-air-updates.md) — Features a remote update system that pushes application changes directly to devices without requiring a full store release. ([source](http://shoutem.github.io/))
- [Remote App Configurations](https://awesome-repositories.com/f/mobile-development/remote-app-configurations.md) — Allows pushing new features and code changes directly to devices without requiring a full application store release.

### User Interface & Experience

- [Component-Based UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-libraries/component-based-ui-libraries.md) — Ships a comprehensive library of styleable and reusable native primitives to build consistent mobile interfaces.
- [Centralized Styling Systems](https://awesome-repositories.com/f/user-interface-experience/centralized-styling-systems.md) — Features a centralized styling system for managing themes and maintaining a uniform visual identity. ([source](https://github.com/shoutem/ui#readme))
- [Layout Systems](https://awesome-repositories.com/f/user-interface-experience/centralized-styling-systems/layout-systems.md) — Provides a standardized layout system using grids, tabs, and pagers to ensure uniform structural flow across mobile screens.
- [Cross-Platform UI Component Libraries](https://awesome-repositories.com/f/user-interface-experience/component-transitions/react-libraries/cross-platform-ui-libraries/cross-platform-ui-component-libraries.md) — Provides a set of styleable and reusable interface components for building mobile applications across multiple operating systems.
- [React Native UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/ecosystem-specific-libraries/react-native-ui-libraries.md) — Builds mobile interfaces using a collection of styleable components specifically designed for the React Native ecosystem.
- [Cross-Platform Layout Engines](https://awesome-repositories.com/f/user-interface-experience/cross-platform-layout-engines.md) — Organizes screen content using grids, tabs, and pagers to ensure consistent layout across different mobile operating systems.
- [Customizable UI Components](https://awesome-repositories.com/f/user-interface-experience/customizable-ui-components.md) — Offers a set of styleable and reusable interface components that ensure visual consistency across the UI. ([source](https://github.com/shoutem/ui/blob/develop/package.json))
- [HTML-to-Native Renderers](https://awesome-repositories.com/f/user-interface-experience/html-to-native-renderers.md) — Transforms raw HTML strings into native mobile components by mapping specific tags to custom React Native elements.
- [Native Mobile Design Systems](https://awesome-repositories.com/f/user-interface-experience/interface-consistency-utilities/native-mobile-design-systems.md) — Implements a centralized styling and theme system to manage the look and feel of native mobile interfaces across all screens.
- [Theme Configuration Systems](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/theme-architecture-frameworks/theme-configuration-systems.md) — Features a centralized theme configuration system to manage visual consistency, palettes, and spacing across the interface. ([source](http://shoutem.github.io/))
- [Declarative Animations](https://awesome-repositories.com/f/user-interface-experience/declarative-animations.md) — Implements a high-level declarative API to apply pre-defined motion sequences and smooth transitions to interface components.
- [Interactive Input Fields](https://awesome-repositories.com/f/user-interface-experience/interactive-input-fields.md) — Provides a suite of interactive input elements including text fields, switches, and date pickers. ([source](https://github.com/shoutem/ui/tree/develop/components))
- [Media Galleries](https://awesome-repositories.com/f/user-interface-experience/media-galleries.md) — Implements visual components for rendering images, videos, and galleries with lightbox and inline previews. ([source](https://github.com/shoutem/ui/tree/develop/components))
- [Mobile Input Components](https://awesome-repositories.com/f/user-interface-experience/mobile-input-components.md) — Provides a suite of interactive elements such as text fields, date pickers, and selection menus for collecting user information.
- [Selection Menus](https://awesome-repositories.com/f/user-interface-experience/selection-menus.md) — Provides selection interfaces such as action sheets and drop-down menus to facilitate user navigation. ([source](https://github.com/shoutem/ui/tree/develop/components))
- [System State Indicators](https://awesome-repositories.com/f/user-interface-experience/system-state-indicators.md) — Ships system notification indicators including toasts and progress spinners to communicate background activity. ([source](https://github.com/shoutem/ui/tree/develop/components))

### Development Tools & Productivity

- [UI Push Updates](https://awesome-repositories.com/f/development-tools-productivity/configuration-updates/real-time-push-updates/ui-push-updates.md) — Implements a system for delivering real-time interface updates and new features directly to devices without app store releases.

### Software Engineering & Architecture

- [Cross-Platform UI Frameworks](https://awesome-repositories.com/f/software-engineering-architecture/mobile-architecture-patterns/cross-platform-mobile-architectures/cross-platform-ui-frameworks.md) — Provides a framework for composing styleable components that function consistently across different mobile operating systems. ([source](https://github.com/shoutem/ui#readme))

### Web Development

- [Style Resolution](https://awesome-repositories.com/f/web-development/cross-platform-styling/theme-styling/style-resolution.md) — Resolves global configuration settings to maintain a consistent visual identity across all native components.
- [HTML Content Renderers](https://awesome-repositories.com/f/web-development/html-content-renderers.md) — Transforms raw HTML strings into native mobile components using custom element rendering and style overrides.

### DevOps & Infrastructure

- [Push Notification Services](https://awesome-repositories.com/f/devops-infrastructure/push-notification-services.md) — Integrates with infrastructure services to deliver real-time push notifications to mobile devices. ([source](http://shoutem.github.io/))

### Part of an Awesome List

- [UI Component Libraries](https://awesome-repositories.com/f/awesome-lists/devtools/ui-component-libraries.md) — Complete UI toolkit for building mobile interfaces.
- [UI Components](https://awesome-repositories.com/f/awesome-lists/devtools/ui-components.md) — A comprehensive UI kit for building professional interfaces.
- [React Native](https://awesome-repositories.com/f/awesome-lists/more/react-native.md) — Listed in the “React Native” section of the Awesome Ui Component Library awesome list.