Rise Kit

We provide the "Rise Kit" library of components that are ready to use in your application. You can always bring your own custom components to Rise.

Kit Packages

You may import individual kit packages for different functionality. To provide flexibility for your server, you can use all of these:

• Kit - High-level components such as List and Sheets
• Tamagui - Delivers the functionality from the excellent Tamagui component system.
• Forms - Rise form toolkit powered by Tamagui
• Haptics - Haptic vibration actions powered by Expo Haptics
• Linking - React Native Linking to the browser or settings app
• Lucide Icons - Use any icons from the Lucide Icon Pack in your server components
• SVG - Render custom SVGs from your server
• QRCode - Render QRCodes in your app
• Tamagui Toast - Toast UI by Tamagui

We also support navigation utility packages to help you navigate between screens in your app. You will only need one of:

• React Navigation
• Expo Router

@rise-tools/kitchen-sink

This package is here for your convenience to help you get started quickly with most of the Kit packages. The navigation packages are not included.

npm install @rise-tools/kitchen-sink

import {
  FormComponents,
  LucideIconsComponents,
  QRCodeComponents,
  RiseComponents,
  SVGComponents,
  TamaguiComponents,
  WebViewComponents,
  useHapticsActions,
  useLinkingActions,
  useToastActions,
} from '@rise-tools/kitchen-sink'

const components = {
  ...FormComponents,
  ...LucideIconsComponents,
  ...QRCodeComponents,
  ...RiseComponents,
  ...SVGComponents,
  ...TamaguiComponents,
  ...WebViewComponents,
}

// when you render your client entry point component:

<Rise
    components={components}
    actions={{
        ...useHapticsActions(),
        ...useLinkingActions(),
        ...useToastActions(),
    }}
    modelSource={...}
/>