All work

In progress, live this week Brand and marketing sites

Tessel

Tessel is the website of a made-up modular furniture brand in Amsterdam. Visitors build a sofa in 3D by choosing layout, fabric, colour and legs, watch the price update, and share the design as a link. On a phone they can view the sofa in their own room using augmented reality, or request a quote or free swatches.

  • Astro 5
  • React islands
  • Tailwind CSS v4
  • Three.js
  • React Three Fiber
  • GSAP
  • Cloudflare Workers
  • Neon Postgres

Will be live at furniture.phoenixcodes.org

What it proves

  • A configurator whose state is a pure, tested reducer, so any design survives a round trip through a share link.
  • Invalid combinations are prevented, and prices come from a single table.
  • Modular sofas composed from code, so any layout fits together.
  • Augmented reality from a model exported on demand from the current design.

How this adapts to your project

Connect the price table to your ERP, the cart to Shopify or commercetools, and swap the generated modules for your manufacturer's CAD models. Adding USDZ export brings augmented reality to iPhone.