The grid structure is utilised to build a configurator for cutlery trays, but can also be applied to closets, drawers, and the likes!

The app has reached a functional state, but development is halted until we have further plans for our wood workshop.

pay a visit

In short, users can customise their desired tray by its size, depth, wood thickness, column/row layout and sizes. A demo can be rendered to preview the configured set up.

info

• vue app deployed with netlify
• add/remove cols/rows by side bar
• change cols/rows size by number or dragging
• press and drag to define sections
• click x to remove sections
• overlapping sections are obviously forbidden
• click preview to show how it would look like
• fr(ame) = equal division, click to change to cm
• 3d model generated using troisjs
• based on cssgrid-generator