Getting started

Activate a builder account

A builder account is required to create and publish effects. To activate it, simply confirm the activation. Activate your builder account (opens in a new tab). Once your builder account is activated, you can start creating effects.

Enable your payouts

You can create effects without enabling payout. But to sell your effects, you will need to enable it. Go to your dashboard (opens in a new tab) and click on the button "Enable payouts".

To enable your payouts, we use Stripe Connect. Stripe Connect (opens in a new tab) is a service that allows you to accept payments from your customers. The process take less than 2 minutes to complete.

Code an effect

An effect starts with a template. The templates range from the most simple to the most complex. Start with a template (opens in a new tab). You can see the code of a template from the list below.

React Three Fiber Basic

A basic template to show how to:

• • Create basic controls (color, number, image)
• • Add an input for the background color

React Three Fiber Stars

This template shows how to:

• • Change the default camera
• • Change the Canvas Props

Image Displacement (R3F)

This template shows how to:

• • Change the Canvas Props
• • Render on demand
• • Create a custom shader
• • Add an input for the background color

Gradient Blob Template (R3F)

This template shows how to:

• • Create a scene with the orbit controls
• • Save and restore the camera position
• • Change the default camera and the Canvas Props
• • Render on demand if speed is zero
• • Create complex controls