Skip to main content

Treble

Build a Web Experience
for your Threekit Configurator.

Quick start

Launch a new project and run starter code in a few steps.

Get Started ->

Main Concepts

Learn about core features and functionality.

Learn Here ->

What does Treble have to offer?

Quick start

Jump start your UI development with our project boilerplate. Let Treble take care of the environment setup and bundling scripts so you can focus on bringing your experience to life.

React Powered

Our library offers a set of components and hooks that are designed to be consistent with the broadly used React conventions. If you're familiar with React, you're already familiar with Treble.

React-hooks all the way down

React-hooks power all our components. If you plan to build your own components for the project your can focus on the design and UI and let us provide the hooks to power them.

Webpack 5

Powered by the latest version of webpack, our scripts will optimize your bundle support across browsers and devices.

eCommerce Optimized

Treble bundles out to a single static file for easy embedding in any web or eCommerce environment

Treble Launchpad

Treble launchpad provides a hosting and deployment solution for eligible Threekit projects that plugs right into a Treble project.

Figma Wireframing

All our components being as Figma designs. We always recommend wireframing a design before getting into the code of it so we built a Figma Design Kit around our components for you to use.

Explore Treble

Components

The building blocks for engaging web experiences.

Hooks

Threekit powered React hooks to build your own components.

JS API

Higher level functions for all your projects requirements.

Resources

Prep for your project

Get started quickly with our comprehensive project overview.

Tutorials & training

A self-led training process for the Threekit platform.

Figma library

View Threekit’s recommended UI design system.