TH

Three

@react-spring/three

[`react-three-fiber`](https://github.com/drcmda/react-three-fiber) support. This package is for version 6 of react-three-fiber

React Native Libraries
animated
animation
hooks
motion
react
react-native
spring
typescript
velocity
@react-spring/three
Stars
29k
Weekly
0
Open issues
75
Bundle
~60 kB

Installation

npm install @react-spring/three

Code example

import { View, Text, StyleSheet } from "react-native";
import { Three } from "@react-spring/three";

export function Example() {
  return (
    <View style={styles.box}>
      <Text style={styles.title}>Three</Text>
      <Three />
    </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 Paul Henschel
  • 0 weekly downloads. Battle tested
  • First-class TypeScript definitions
  • MIT licensed

Considerations

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

FAQs

Alternatives & similar libraries