Blocks for 3D new

High-level 3D primitives for React — minimal setup and beautiful by default.

PlayCanvas Blocks are high-level component primitives for React. Clean, simple, and beautiful by default, they’re designed to drop into your project and get to work.

Built on @playcanvas/react and compatible with @shadcn/ui they’re composable, themeable and ready to use out of the box.

Get Started

Rendered with the Splat block — a React component for Gaussian splats. Learn more →

Features

ComposableBlocks are flexible — arrange components in any order.

ThemeableBeautiful by default, but easily customizable.

AI ReadyAI rules.mdc files for each block.

Open SourceBlocks are open source and free to use forever.

PlayCanvas PoweredBuilt on a robust engine trusted in real-world 3D apps.

How it works?

Built on @playcanvas/react and the PlayCanvas engine, Blocks abstract the underlying engine to provide a high-level component API that’s easy to use and understand. Internally, each block maps to a PlayCanvas entity and component hierarchy, giving you full control with a familiar dev experience.

Featured blocks

We’ve got a few blocks already in development. Stay tuned for updates!

Splat ViewerA simple media block that presents a Gaussian Splat (3DGS) point cloud.

Learn more →

More blocks coming soon…

AI Ready

Every block comes with MDC rules for autocompletion, documentation, and AI integration — ready for use in tools like Cursor or Windsurf. To install rules for Playcanvas Blocks run the following command.


npx shadcn@latest add https://playcanvas-react.vercel.app/r/blocks.json

This installs the rules for the registry and for @playcanvas/react and add them to your project.