FluoriteBeta
  • Docs
  • Community
Get started

Documentation

From your first graph to a live shader in production: concepts, guides, and the React reference.

Start the quickstartOpen the editor
$npm install @fluorite-studio/react three

Introduction

Build a shader by wiring nodes, publish it, and render it in your app with one React component.

Quickstart

Sign in, start from a template, publish, and embed, in a few minutes.

Build your first shader

A checkerboard that blends two colours, using UV, Checker and Mix.

Nodes and types

The node catalogue, port types, and what can connect to what.

Embed in React

Render a shader live in any React or Next.js app.

React reference

Every component and hook in @fluorite-studio/react, and the props they take.

Make your first shader.

It's free and runs in your browser, so there's nothing to install.

Open the editorRead the docs
Fluorite

A node-based shader editor. Wire nodes together and see every change as you make it.

© 2026 Fluorite

Product

  • Home
  • Editor
  • Community

Resources

  • Docs
  • Introduction
  • Embed in React
  • Tokens
  • Contact

Legal

  • Privacy
  • Terms
Fluorite