Omnom 3D Character for React Three Fiber

A rigged 3D character component of a monster named Omnom for React Three Fiber, published on npm as three-react-character-omnom.

See the demo here

Install

npm install three-react-character-omnom

Package usage (Monster)

import { Canvas } from "@react-three/fiber";
import { Monster } from "three-react-character-omnom";

export function Scene() {
  return (
    <Canvas>
      <Monster position={[0, 0, 0]} rotation={[0, 0, 0]} />
    </Canvas>
  );
}

Pass modelUrl if you want to load your own .glb. The default uses the bundled model.

Development

I recommend using pnpm. Install dependencies:

pnpm install

Run this command in your terminal to open a local server at localhost:5173

pnpm dev

Building the package

pnpm build:lib