Features

react-native-filament is a powerful 3D rendering engine for React Native. It features:

• ⚡ List features here with emojis

Installation

1. Install react-native-filament from npm:

npm i react-native-filament

2. react-native-filament depends on react-native-worklets-core:

npm i react-native-worklets-core

3. Update your pods:

cd ios && pod install

..and get started by loading your model!

Example

import { FilamentContext, FilamentView, Model, Camera } from 'react-native-filament'

function App() {
  return (
    <FilamentContext>
      <FilamentView
        style={{ width: 100, height: 100 }}
        model={model}
      >
        // Render with the default camera:
        <Camera /> 
        // Add a model to the scene (only glb supported yet):
        <Model source={require('./duck.glb')}>
      </FilamentView>
    </FilamentContext>
  )
}

See the example app

Adopting at scale

react-native-filament is provided as is.

If you need help with integrating react-native-filament in your app or have additional bugfixing or feature requests, reach out to us at margelo.io.

Socials

• 🐦 Follow us on Twitter for updates
• 💬 Join the Margelo Community Discord for chatting about react-native-filament