https://github.com/shoutem/ui

Customizable set of components for React Native applications
https://github.com/shoutem/ui

android ios native-components react-native shoutem shoutem-ui

Last synced: about 1 month ago
JSON representation

Customizable set of components for React Native applications

• Host: GitHub
• URL: https://github.com/shoutem/ui
• Owner: shoutem
• License: other
• Created: 2016-08-08T15:26:08.000Z (almost 8 years ago)
• Default Branch: develop
• Last Pushed: 2024-04-24T09:27:32.000Z (about 1 month ago)
• Last Synced: 2024-04-24T16:10:53.480Z (about 1 month ago)
• Topics: android, ios, native-components, react-native, shoutem, shoutem-ui
• Language: JavaScript
• Homepage:
• Size: 8.49 MB
• Stars: 4,877
• Watchers: 92
• Forks: 456
• Open Issues: 117
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-react-native - Shoutem UI ★3802 - a complete UI toolkit for React Native from Shoutem. (Libraries / Other Platforms)
• my-awesome-stars - shoutem/ui - Customizable set of components for React Native applications (JavaScript)
• awesome-stars - shoutem/ui - Customizable set of components for React Native applications (JavaScript)
• awesome-stars - ui - Customizable set of components for React Native applications (JavaScript)
• awesome-react-native - Shoutem UI ★3802 - a complete UI toolkit for React Native from Shoutem. (Libraries / Other Platforms)
• awesome - Shoutem UI ★3802 - a complete UI toolkit for React Native from Shoutem. (Libraries / Other Platforms)
• awesome-react-native - Shoutem UI ★2880 - a complete UI toolkit for React Native from Shoutem (Libraries / Other Platforms)
• awesome - shoutem/ui - Customizable set of components for React Native applications (JavaScript)
• awesome-stars - shoutem/ui - Customizable set of components for React Native applications (JavaScript)
• awesome-stars - shoutem/ui - Customizable set of components for React Native applications (JavaScript)
• awesome-stars - shoutem/ui - Customizable set of components for React Native applications (JavaScript)
• awesome-react-native - Shoutem UI ★3802 - a complete UI toolkit for React Native from Shoutem. (Libraries / Other Platforms)
• awesome-stars - shoutem/ui - Customizable set of components for React Native applications (JavaScript)
• awesome-se-beginners - shoutem/*ui*
• awesome-react-native - @shoutem/ui - Customizable set of components for React Native applications.  (UI Frameworks)
• awesome - ui - Customizable set of components for React Native applications (JavaScript)
• awesome-react-native - Shoutem UI
• awesome-stars - ui
• awesome-react-native - Shoutem UI ★2880 - a complete UI toolkit for React Native from Shoutem (Libraries / Other Platforms)
• awesome-stars - ui
• awesome-stars - ui
• awesome-react-native - Shoutem UI ★3802 - a complete UI toolkit for React Native from Shoutem. (Libraries / Other Platforms)
• new-and-awesome - Shoutem UI - a complete UI toolkit for React Native from Shoutem (Platforms / [React Native](https://github.com/jondot/awesome-react-native))
• awesome-stars - shoutem/ui - Customizable set of components for React Native applications (JavaScript)
• awesome-react-native-ui - Shoutem UI ★1693 - a complete UI toolkit for React Native from Shoutem (Libraries / Other Platforms)
• awesome-react-native - Shoutem UI ★3802 - a complete UI toolkit for React Native from Shoutem. (Libraries / Other Platforms)

README

        
# Shoutem UI

Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android. All of our components are built to be both composable and [customizable](http://github.com/shoutem/theme). Each component has a predefined style that is compatible with the rest of the Shoutem UI, which makes it possible to build complex components that look great without the need to manually define complex styles.

## Install

These instructions are valid for React Native 0.60.0 and higher. If you're running a lower version, please use v1.X.X.

```

$ npm install --save @shoutem/ui

```

We have a `postinstall` script which will add `@shoutem/ui`'s native dependencies to your root `package.json` in order to support autolinking and pod installation.

Optional: Link the font files to your iOS and Android projects using `react-native-asset`:

```

$ npx react-native-asset node_modules/@shoutem/ui/fonts

```

Not doing this will result in dismissable red screen errors about unknown font names, as well as the default system fonts being used on iOS and Android when a Shoutem UI font is meant to be used, so we suggest running this step.

## Docs

All the documentation is available on the [Developer portal](http://shoutem.github.io/docs/ui-toolkit/introduction).

## Community

Join [our community](https://www.facebook.com/groups/shoutem.community/) on Facebook. Also, feel free to ask a question on Stack Overflow using ["shoutem" tag](http://stackoverflow.com/tags/shoutem).

## UI Toolkit

Shoutem UI is a part of the [Shoutem UI Toolkit](https://shoutem.github.io/ui/) that enables you to build professional looking React Native apps with ease.

It consists of three libraries:

- [@shoutem/ui](https://github.com/shoutem/ui): beautiful and customizable UI components

- [@shoutem/theme](https://github.com/shoutem/theme): “CSS-way” of styling entire app

- [@shoutem/animation](https://github.com/shoutem/animation): declarative way of applying ready-made animations

## License

[The BSD License](https://opensource.org/licenses/BSD-3-Clause)

Copyright (c) 2016-present, [Shoutem](http://shoutem.github.io)