A mood board creator that closes the loop from inspiration to purchase

Interior designers assembled mood boards across scattered tools: one for canvas layout, another for sourcing products, another for palettes, and manual lists to track what clients approved. Foyr wanted a single tool inside its ecosystem covering the whole journey.

Fabric.js, the canvas library underneath, does not offer much of what professional designers need out of the box. Cropping, SVG resizing, line shapes and smart canvas tools all had to be engineered from the ground up.

We built a comprehensive design ecosystem, not just a mood board tool: pre-designed inspiration templates, deep catalogue integration and a browser clipper that captures products from anywhere on the web.

• Custom Fabric.js development: image cropping, SVG resizing, line components and smart canvas resizing built from scratch.
• Drag-and-drop inspiration templates that accelerate mood board creation.
• A browser clipper extension that captures furniture from any website, including Wayfair and West Elm, straight into the application.
• AI-generated colour palettes, with saved palettes reusable across projects for design consistency.
• Automated shopping lists that update dynamically as products are added, covering purchasing for the approved board.

• Complete application delivered from concept to production by a single dedicated frontend resource.
• Seamless integration with Foyr's partner furniture catalogue and search.
• A UX-first approach that keeps professional capabilities intuitive.

Quantitative benefits

• Unified mood board creation shipped inside the Foyr ecosystem.
• Custom-built canvas features exceeding standard Fabric.js limitations.
• Shopping lists, colour palettes, background removal and the browser clipper consolidated into one tool.
• A direct drag-and-drop workflow from inspiration to client-ready board.