MCPcopy Index your code
hub / github.com/shoutem/ui

github.com/shoutem/ui @v9.1.2 sqlite

repository ↗ · DeepWiki ↗ · release v9.1.2 ↗
390 symbols 901 edges 136 files 32 documented · 8%
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. 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.

Community

Join our community on Facebook. Also, feel free to ask a question on Stack Overflow using "shoutem" tag.

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:

License

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

Core symbols most depended-on inside this repo

responsiveWidth
called by 42
theme.js
registerElement
called by 29
html/Html.js
resolveFontWeight
called by 20
theme.js
resolveFontFamily
called by 17
theme.js
resolveFontStyle
called by 14
theme.js
responsiveHeight
called by 10
theme.js
combineMappers
called by 9
html/Html.js
useMemo
called by 8
html/components/SimpleHtml.js

Shape

Function 169
Method 141
Class 80

Languages

TypeScript100%

Modules by API surface

html/Html.js16 symbols
components/DropDownMenu/DropDownModal.js16 symbols
components/ListView.js15 symbols
html/services/HtmlParser.js13 symbols
components/YearRangePicker/YearRangePickerModal.js13 symbols
components/HorizontalPager/HorizontalPager.js13 symbols
components/TabMenu/TabMenu.js11 symbols
theme.js10 symbols
components/ImageBackground.js10 symbols
components/Image.js10 symbols
html/elements/Inline.js9 symbols
hooks/useColorAndPercentageInterpolation.js9 symbols

Dependencies from manifests, versioned

@babel/core7.25.2 · 1×
@babel/plugin-proposal-decorators7.20.13 · 1×
@babel/register7.9.0 · 1×
@native-html/iframe-plugin2.6.1 · 1×
@native-html/table-plugin5.3.1 · 1×
@openspacelabs/react-native-zoomable-view2.0.4 · 1×
@react-native/babel-preset0.78.0 · 1×
@shoutem/animation1.0.0 · 1×
@shoutem/eslint-config-react1.0.6 · 1×
@shoutem/eslint-config-react-native1.0.2 · 1×
@shoutem/theme1.0.2 · 1×

For agents

$ claude mcp add ui \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact