Arcada

screenshot of Arcada
express
react
mantine

react & pixi.js interior design software / floor plan creator

Overview

Redesigning a room or an entire home can often feel daunting, especially when it comes to visualizing how different pieces of furniture will fit together. Hand-drawn floor plans on graph paper can lead to frustration and confusion. Tired of the limitations and expenses associated with traditional floor planning services, a solution has emerged: Arcada, an open-source floor planner app designed to simplify the process of creating accurate floor designs. This innovative tool allows users to easily visualize and customize their spaces without the hassle.

Built upon modern web technologies, Arcada's user-friendly interface ensures you can quickly create, edit, and save your floor plans, making it the perfect companion for your next home redesign project.

Features

  • Add Walls: Easily customize room dimensions by adding walls to your floor plan.
  • Edit Walls: Make adjustments to wall positions and lengths to fit your design needs.
  • Add/Edit Furniture: Drag and drop furniture pieces into your layout, with options to resize and reposition.
  • Add Doors/Windows: Seamlessly integrate doors and windows to create a realistic representation of your space.
  • Measure Tool: Utilize a measuring tool to ensure accuracy in your design.
  • Accurate to Scale: Designs are created with precise scaling for a true sense of space and dimensions.
  • Multiple Floor Support: Plan multi-story layouts with options to manage different floors efficiently.
  • Print Your Designs: export your finished designs for offline reference or sharing.
  • Save/Load Support: Save your projects and load them later for further editing.
  • Component Library: Access a comprehensive library of furniture and design elements to enhance your layout.
  • Cross-Platform: Enjoy the flexibility of using Arcada on various devices and platforms without compatibility issues.
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

mantine
Mantine UI

A fully featured React components library. 100+ components, 50+ hooks.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

Zustand

Zustand is a lightweight state management library for React that provides a simple and intuitive API for managing state in your application. It allows developers to easily create and manage global state, and provides a powerful set of tools for optimizing performance and improving developer productivity. Zustand is designed to be easy to use and easy to learn, making it a popular choice for developers of all skill levels.