Interactive 2D Room and Floor Layout Planner with Fabric.js

Interactive 2D Room and Floor Layout Planner with Fabric.jsInteractive 2D Room and Floor Layout Planner with Fabric.js

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Usama Mehmood

• Sep 29

Room Designer – Interactive 2D Room & Floor Layout Planner

A browser-based planner that helps users design a room before buying furniture or renovating. They place, move and resize furniture on a grid-based floor plan and see the layout update instantly.

What I built:

• Drag & drop furniture and room elements on a Fabric.js canvas

• Grid-based floor plan with multiple rooms

• Real-time rendering with move, rotate and resize controls

• Clean toolbar and properties panel for quick editing

Ideal for furniture stores, interior designers, event planners and real estate websites that want customers to visualize a space.

Stack: Fabric.js · JavaScript · HTML · CSS

Live demo: https://room-design-editor.netlify.app/

Completed work

Frontend Development Full Stack Development Web Development HTML5 JavaScript Fabric.js

Vince Swu

pro

• Sep 25

So I Recently rebranded my upcoming AI Agent Harness from "Crank" to "Pixie" which is the name of my cat. Do you think it was the right decision? Which one do you prefer? Crank or Pixie?! Check it out here: pixie.ecnivs.com #FreelancerLife #AIHarness #FrontendDesign #AIAgent #ArtificialIntelligence #WebDevelopment #Design #TasteTest

Web Design Full Stack Development AI Engineer

5 voted

71%

2 voted

29%

7 votes

Closed

Moch Virgiawan Caesar Ridollohi

• Sep 28

Pixie gets my vote too. Naming it after your cat makes it memorable, and it feels a lot friendlier for a tool people trust with their code. Nice rebrand.

Adeel Ahmed

pro

• Sep 25

Hi contra community! view my Portfolio Website responsive, attractive, modern, aesthetic with 3D animation. https://portfolio-phi-ruddy-zvw49tzb0h.vercel.app/profile Vote your favorite UI mode LIGHT / NIGHT ?

Next.js Web Development Web Design

1 voted

100%

0 voted

1 vote

Closed

Amogelang Skhosana

• Sep 25

I built a website using Lovable to solve a real problem I kept running into as a freelance web developer my client needing a fast, professional site without the usual back-and-forth of traditional development. I used AI-assisted building to go from idea to a working, responsive site quickly, focusing on clean design and usability. This project shows how Lovable lets someone like me deliver real results for clients faster, without sacrificing quality.

Completed work

lovablechallenge Web Development Video Editing Web Design Canva Lovable

Štefan Bohumel

• Sep 25

Hey! Quick heads-up: your Lovable project link currently shows a "You don't have access / This project is private" screen.

You might want to toggle the project visibility to Public in Lovable settings or share the published .lovable.app URL so judges and the community can view it properly.