sans react-native-ux library
Last updated 2 years ago by sande3p .
MIT · Original npm · Tarball · package.json
$ cnpm install @sans/ui 
SYNC missed versions from official npm registry.

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


$ npm install --save @sans/ui
$ react-native link # No need to run this with Exponent


All the documentation is available on the Developer portal.


To see how Shoutem UI works, you can:

  • include the Examples component into your React Native app or
  • run Restaurants app in examples folder.

Examples component

If you are using Exponent, see this project for example usage. Otherwise, follow the steps below.

Create new React Native project and locate to it:

$ react-native init HelloWorld && cd HelloWorld

Install @sans/ui in your project:

$ npm install --save @sans/ui
$ react-native link

Now, simply copy the following to your index.ios.js files of the React Native project:

import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import { Examples } from '@sans/ui';

class HelloWorld extends Component {
  render() {
    return (
      <Examples />

AppRegistry.registerComponent('HelloWorld', () => HelloWorld);

Finally, run the app!

$ react-native run-ios

To see other components, just import them from @sans/ui and render them.

You can also use standard React Native components in your layouts anywhere you want, but they will not inherit either the theme or the parent styles, so you will need to style them manually.

Restaurants app

Clone the Shoutem UI repository:

git clone https://github.com/shoutem/ui.git

Locate to RestaurantsApp folder:

cd ui/examples/RestaurantsApp

Install and link dependencies:

npm install
react-native link

Finally, run the app!

react-native run-ios
react-native run-android

UI Toolkit

Shoutem UI is a part of the Shoutem UI Toolkit that enables you to build professional looking React Native apps with ease.

It consists of three libraries:


The BSD License Copyright (c) 2016-present, Shoutem

Current Tags

  • 1.0.72                                ...           latest (2 years ago)

10 Versions

  • 1.0.72                                ...           2 years ago
  • 1.0.71                                ...           2 years ago
  • 1.0.7                                ...           2 years ago
  • 1.0.6                                ...           2 years ago
  • 1.0.5                                ...           2 years ago
  • 1.0.4                                ...           2 years ago
  • 1.0.3                                ...           2 years ago
  • 1.0.2                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           2 years ago
Maintainers (1)
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 32
Dependencies (16)
Dev Dependencies (2)
Dependents (0)

Copyright 2014 - 2016 © taobao.org |