FORMACatalogue · 2026
A home catalogue where material and size are clear before buying
Twelve objects in seven materials: filters, a product page with a drawing, comparison at one scale and a selection. In Russian and English.
Demo catalogue
Objects are found by material
The filter shows how many objects each material has and works together with categories and availability.
The product page answers questions before buying
Materials by part, dimensions on a drawing, weight, care and lead time.
Comparison at one scale
Silhouettes stand on a shared grid, so it is clear at once what is taller and larger.
The selection counts the total and the wait
A total in euros, the longest wait and a list that can be copied. The choice is kept on the device.
The same catalogue on a phone
The product page and the selection are built for a small screen.
How it is built
React 19 and TypeScript, with images made by 3D rendering.
- Models
- Every object is a parametric model; photos, drawings and silhouettes come from it.
- Address
- Filters live in the address, so a filtered view can be shared as a link.
- Motion
- The image travels from the grid into the product page, and reduced motion is respected.
- Checks
- Seven logic tests and eighteen browser scenarios.
Put together a selection in the catalogue