{"id":"react-three-rapier","name":"React Three Rapier","url":"https://wunderlust.xyz/r/react-three-rapier","category":"three","category_label":"3D & WebGL","tags":["open-source","free","react","webgl"],"short":"Rapier physics for react-three-fiber scenes: wrap the mesh and it falls and collides","what":"A wrapper for the WASM-based Rapier physics engine in react-three-fiber. The Physics component runs the simulation and RigidBody generates colliders automatically (cuboid, ball, trimesh, hull); it also covers joints, sensors, collision groups, instances and a debug view.","uses":"For someone building a 3D scene in React who wants objects that fall, hit and stack without animating frame by frame.","benefits":["Colliders generated from the mesh","Fixed, spherical, revolute, prismatic, rope and spring joints","Collision events and sensors, with a fixed 60 fps step by default"],"caveats":["Version 2 needs @react-three/fiber v9 and React 19; v1 is for React 18.","With timeStep set to vary, the simulation can become unstable and non-deterministic."],"links":{"official":"https://github.com/pmndrs/react-three-rapier"},"image":"https://wunderlust.xyz/media/react-three-rapier-poster.jpg","video":"https://wunderlust.xyz/media/react-three-rapier.webm","share_image":"https://wunderlust.xyz/og/r/react-three-rapier.jpg","similar":["react-three-fiber","react-postprocessing","multiple-window-3d-scene","three-js","spline","shadergradient"],"added_on":"2026-11-12","steal":"Wrap a mesh in a RigidBody inside a Physics and it falls and collides with no manual animation","patterns":[],"why":"Colliders come from the mesh itself, so objects fall, hit and stack by physics rules and a scene feels physical with almost no animation code.","avoid":"Mind the versions: v2 needs R3F v9 and React 19, v1 is for React 18. Keep the fixed time step, since a variable one can make the simulation unstable.","pt":{"name":"React Three Rapier","short":"Física Rapier para cenas react-three-fiber: envolva a malha e ela cai e colide","steal":"Envolva uma malha em um RigidBody dentro de um Physics e ela cai e colide sem animação manual","what":"Wrapper do motor de física Rapier, em WASM, para react-three-fiber. O componente Physics roda a simulação e o RigidBody gera os colisores automaticamente (cubo, bola, trimesh, casco); cobre ainda juntas, sensores, grupos de colisão, instâncias e uma visão de depuração.","uses":"Para quem monta uma cena 3D em React e quer objetos que caem, batem e se empilham sem animar quadro a quadro.","benefits":["Colisores gerados a partir da malha","Juntas fixa, esférica, revoluta, prismática, corda e mola","Eventos de colisão e sensores, com passo fixo de 60 fps por padrão"],"caveats":["A versão 2 exige @react-three/fiber v9 e React 19; a v1 serve para React 18.","Com timeStep em vary, a simulação pode ficar instável e não determinística."],"why":"Os colliders vêm da própria malha, então os objetos caem, batem e empilham por regras de física, e a cena parece física com quase nenhum código de animação.","avoid":"Cuide das versões: a v2 pede R3F v9 e React 19, a v1 é para React 18. Mantenha o passo de tempo fixo, pois um variável pode deixar a simulação instável."},"schema_version":1}