Project

Fluidframe Configurator

A configurator for custom bicycle frames and accessories

Fluidframe Configurator - A configurator for custom bicycle frames and accessories

Mass Customization

Fluidframe is a concept for how mass-customization could be applied to bike manufacturing. The configurator allows users to input their specific measurements and requirements for a bike frame.

In the background a parametric model is modified based on these requirements. Users can then modify colors and geometry to their liking. In the next step, the geometry data will be used for robotic manufacturing like cutting the tubesets and welding.

Architecture

The main application is a NextJS / React App built with TypeScript. It uses ThreeJS to provide the 3D graphics. The geometric calculations are formed by OnShape which is queried via the API based on the user input. Since calculations take time, the models generated are cached and are be reused if possible using Vercels Blob Object Storage.

Fluidframe system architecture diagram showing NextJS frontend, OnShape API, and Vercel Blob storage integration