RE

React Native Ui

@storybook/react-native-ui

ui components for react native storybook

React Native Libraries
react
react-native
storybook
@storybook/react-native-ui
React Native Libraries
javascript
npm
frontend
open source
ui
Stars
1.3k
Weekly
864k
Open issues
19
Bundle
~25 kB

Installation

npm install @storybook/react-native-ui

Code example

import { View, Text, StyleSheet } from "react-native";
import { NativeUi } from "@storybook/react-native-ui";

export function Example() {
  return (
    <View style={styles.box}>
      <Text style={styles.title}>React Native Ui</Text>
      <NativeUi />
    </View>
  );
}

const styles = StyleSheet.create({
  box: { flex: 1, alignItems: "center", justifyContent: "center", gap: 8 },
  title: { fontSize: 18, fontWeight: "600" },
});

Pros & cons

Pros

  • Actively maintained by ndelangen
  • 864k weekly downloads. Battle tested
  • First-class TypeScript definitions
  • MIT licensed

Considerations

  • Adds roughly ~25 kB to your bundle
  • Needs client-only rendering in SSR frameworks
  • 19 open issues on GitHub

FAQs

Alternatives & similar libraries