Skip to content

About

Nxtspace Web is a web-based 3D scene creation platform designed specifically for the architecture industry. Whether you have prior experience with 3D modeling or not, you can get started with ease. With Nxtspace Web, you can quickly build 3D architectural scenes, meet your project needs efficiently, and easily create your own custom demos.

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Repository files navigation

Nxtspace logo

Nxtspace Web

🚀 Live Preview

🌐 English | 简体中文

Nxtspace Web


React Vite Three.js Leafer React Tailwind CSS Shadcn/ui

Introduction


Nxtspace Web is a 3D scene-building tool for the architecture industry. Built entirely on web technologies, it runs directly in the browser with no installation required.

Core capabilities:

  • Fast 2D floor plan drafting: walls / arc walls / doors & windows / regions, combined with smart snapping, clear-distance rulers, vertex editing, dimension annotations, and reference lines / reference images to efficiently recreate any floor plan.
  • Real-time 3D visualization: 2D drawings instantly generate a 3D scene, with three rendering styles — material / outline / material-and-outline — plus three quality levels, dollhouse mode, walk mode (with physics collision), and quick multi-view switching.
  • One-click exterior: draw a rectangle on the map to automatically generate a real-world buildings & roads exterior, synchronized across 2D and 3D.
  • Material system & asset library: drag-and-drop material tiling, flood-fill tiling, material-brush pick & paint; structural components plus a categorized indoor model library, with support for custom model import (GLB / ZIP / batch import).
  • Multi-user collaboration: LAN collaboration sessions allow multiple people to edit the same project simultaneously, with remote cursors visible in real time.
  • Multi-format import & export: NXTS project files, GLTF / GLB / OBJ 3D models, SVG 2D drawings, and PNG screenshots — for easy integration with other toolchains.
  • Multi-platform support: full-featured experience on desktop browsers, touch-friendly operations on phones and tablets, and PWA install-to-desktop for offline use.

Whether you are an architect, interior designer, real-estate planner, or product demonstrator, you can get started with zero learning curve and quickly produce interactive, shareable 3D architectural scene demos.

Features / Roadmap


Tips: ⚪ Planning 🟡 In progress 🟢 Done

  • 🟢 Editor core

    • 🟢 2D floor plan

      • 🟢 Wall drawing (straight / arc wall one-click conversion, orthogonal / angled drawing, inner / outer / middle placement lines, cancellable mid-drawing)
      • 🟢 Door and window openings (auto-cut when inserted into walls, single-leaf / double-leaf / doorway / multiple styles)
      • 🟢 Door & window cross-wall movement (drag onto an adjacent wall to place it directly, chained rulers give real-time landing-distance feedback, ghost preview follows the cursor while drawing)
      • 🟢 Region drawing (closed rooms auto-calculate area, polygon regions supported)
      • 🟢 Furniture placement (drag models into the scene + real-time snapping & alignment + landing-point preview)
      • 🟢 Vertex editing (drag wall endpoints / corners to fine-tune, walls auto-recalculate)
      • 🟢 Dimension annotations (wall length / angle shown in real time, independent show/hide toggle, ruler length during drawing can be typed to commit)
      • 🟢 Clear-distance ruler (while dragging, show the four-direction nearest clear distance to walls / adjacent objects in real time)
      • 🟢 Reference lines (horizontal / vertical / circular guides, customizable color, layer-managed, circles follow canvas zoom & pan)
      • 🟢 Reference images (use CAD / floor plans / any image as a tracing underlay, with zoom / pan / opacity controls)
      • 🟢 Grid and rulers (grid toggle + snapping, horizontal & vertical rulers sync with zoom / pan)
      • 🟢 Right-click menu (context actions: copy / paste / delete / group / lock / properties / rename)
      • 🟢 Interactive minimap thumbnail (drag the focus frame to pan the main scene, scroll-wheel zoom anchored on the cursor)
    • 🟢 3D visualization

      • 🟢 One-click 2D / 3D view switching
      • 🟢 Orthographic / perspective projection toggle
      • 🟢 Quick view switching (front / side / top / bottom / left / right / isometric)
      • 🟢 View-cube helper (bottom-right cube, click a face / edge / corner to switch the view)
      • 🟢 Dollhouse mode (auto back-face culling of walls based on camera position, see interior when looking from above)
      • 🟢 Walk mode
        • 🟢 First-person (mouse lock + WASD movement / Shift to run / Space to jump, with physics collision blocking)
        • 🟢 Third-person (orbit camera around the target)
      • 🟢 Rendering styles
        • 🟢 Material (PBR materials & textures + lighting)
        • 🟢 Material & outline (materials with outline overlay)
        • 🟢 Outline (pure outline mode)
      • 🟢 Three render quality levels (high / balanced / performance, switched by device capability)
      • 🟢 Unified 2D/3D visual feedback (hover outline, selection bounding box, selection tinting, snapping markers always on top)
      • 🟢 Sky and ground (solid color / texture, 50+ texture options)
      • 🟢 Right-side 3D real-time preview
      • 🟢 3D scene thumbnail
    • 🟢 Read-only preview

      • 🟢 3D viewing (no editing operations)
      • 🟢 Search & locate, view switching, stylized rendering
  • 🟢 Component library & asset library

    • 🟢 Structural components

      • 🟢 Walls (thickness / height / material defaults)
      • 🟢 Door openings (single-leaf / double-leaf / no door)
      • 🟢 Windows (size / sill height / style adjustable)
      • 🟢 Regions (parameterized room defaults)
    • 🟢 Indoor model library

      • 🟢 Category browsing (living room / bedroom / kitchen / bathroom / office / other; categories with no search results are auto-hidden)
      • 🟢 Search filtering (quickly find components by name)
      • 🟢 Custom model import (upload GLB / ZIP packages, set size, category, and name; the single-item dialog supports opening-type selection and zip-template download)
      • 🟢 Batch import (download template ZIP, batch-upload models + covers, generate a result report)
  • 🟢 Materials & textures

    • 🟢 Asset-library materials tab (built on the SweetHome3D material library, aggregated by category, real-world-scale tiling, full bilingual names)
    • 🟢 Material picker (thumbnail preview + hover zoom + search + category grouping)
    • 🟢 Drag-to-tile (drag a material onto region faces and wall A/B faces; works for both textures and solid colors)
    • 🟢 Flood-fill tiling (hold a modifier key to propagate the material across physically adjacent faces; a continuous wall fills in one pass as a single undo entry)
    • 🟢 Material brush (eyedropper-pick a region-face / wall material and paint it directly onto targets; works in both 2D and 3D; Esc exits and restores the pre-entry view)
  • 🟢 Editing & operations

    • 🟢 Basic operations

      • 🟢 Pointer tool (switch back to selection state, exit drawing mode)
      • 🟢 Select (multi-select / box-select / point-select / invert selection)
      • 🟢 Move, rotate, scale (three-axis Gizmo handles)
      • 🟢 Delete
      • 🟢 Element locking (locked items remain selectable but cannot be moved / scaled / rotated / deleted; mixed selections including locked items are blocked as a whole)
      • 🟢 Copy, cut, paste (with landing-point preview, pasted items are offset to avoid overlap)
      • 🟢 Undo / redo (up to 50-step history stack)
      • 🟢 Global component search (dialog search across all floors' walls / openings / furniture / regions, locate + auto-select + focus)
      • 🟢 Quick floor switching (dropdown selector + search filter, jump across floors for editing)
    • 🟢 Groups & layers

      • 🟢 Component grouping (create logical groups from selected elements, operate as a whole)
      • 🟢 Ungroup
      • 🟢 Multi-floor layers (independent editing, switching, and visibility control)
      • 🟢 Element group list (hierarchical tree-style management)
    • 🟢 Auto-snapping

      • 🟢 Smart snap points (endpoint / midpoint / perpendicular foot; center / inner / outer placement lines; endpoint extension lines)
      • 🟢 Edge snapping (stick to wall edges)
      • 🟢 Segment snapping (align to full segment length)
      • 🟢 Grid snapping (align to integer steps; 3D grid line detail adapts with zoom)
      • 🟢 Reference-line snapping (magnet to guides)
      • 🟢 Constant snap radius (trigger radius converted from screen pixels, so sensitivity stays consistent at any zoom)
      • 🟢 Snapping visual feedback (marker points, distance bubbles, right-angle glyphs, axis-aligned extension lines — snap position visible at a glance)
      • 🟢 Snapping toggles (master switch + per-item configuration)
  • 🟢 Scene & properties

    • 🟢 Right-side shortcut tools

      • 🟢 Zoom in / zoom out buttons
      • 🟢 Focus selection / focus all button
      • 🟢 Snapping sub-panel (5 independent checkboxes: point / line / segment / grid / reference line)
    • 🟢 Properties panel

      • 🟢 Wall properties (thickness / height / arc subdivision / color / material)
      • 🟢 Door & window properties (size / opening direction / style / sill height)
      • 🟢 Furniture properties (size / rotation / position / replace model)
      • 🟢 Region properties (name / color / material)
      • 🟢 Group properties (overall scale / rename)
    • 🟢 Scene settings

      • 🟢 Scene size (length / width)
      • 🟢 Sky (color / texture, 2 modes, 7+ sky textures)
      • 🟢 Ground (color / texture, 2 modes, 60+ ground / wall / floor textures)
    • 🟢 Wall defaults

      • 🟢 Wall visibility (camera back-face culling toggle)
      • 🟢 Auto-close (auto-connect start and end while drawing)
      • 🟢 Ghost walls (auxiliary preview mode)
      • 🟢 Default height
      • 🟢 Default opacity
      • 🟢 Units (centimeters / meters)
      • 🟢 Interior material textures (40+ wall textures)
      • 🟢 Exterior material textures (40+ wall textures)
    • 🟢 Region defaults

      • 🟢 Name prefix (auto-name new regions)
      • 🟢 Fill mode (solid color / texture)
      • 🟢 Fill color
      • 🟢 Ground textures (60+ ground / floor textures)
      • 🟢 Opacity
  • 🟢 One-click exterior

    • 🟢 Amap (Gaode) integration (draw a rectangular area on the map to auto-generate surrounding real buildings & roads, synchronized across 2D / 3D)
    • 🟢 Realistic lane markings (road rendering closer to real scenery)
    • 🟢 Locate current position (defaults to your current location, one click back via the locate button)
    • 🟢 Exterior editing (individually select / move / rotate for more flexible adjustments)
    • 🟢 Amap key configuration (host / local read, centrally managed in Preferences)
  • 🟢 Multi-user collaboration

    • 🟢 LAN collaboration sessions (discovery page scans and joins a session; multiple users edit the same project simultaneously)
    • 🟢 Real-time remote cursor display (others' mouse positions visible on the 2D canvas)
    • 🟢 Real-time collaboration sync (cross-device element / vertex changes auto-recalculate without disrupting local operations)
  • 🟢 Files & data

    • 🟢 Import

      • 🟢 NXTS format (project file)
    • 🟢 Export

      • 🟢 NXTS format (complete project JSON, full-scene download)
      • 🟢 GLTF format (direct 3D scene export, JSON structure with separate textures, includes one-click exterior)
      • 🟢 GLB format (single binary file with embedded textures, includes one-click exterior)
      • 🟢 OBJ format (pure geometry export, includes one-click exterior)
      • 🟢 SVG format (2D vector drawing export, includes one-click exterior)
      • 🟢 2D / 3D screenshot (PNG format, auto-named download)
      • 🟢 Loading mask prompts during import / export
    • 🟢 Project management

      • 🟢 New project
      • 🟢 Save
      • 🟢 Rename project
      • 🟢 Clear scene
      • 🟢 Unsaved-changes prompt before closing the page (Web)
  • 🟢 Preferences

    • 🟢 Appearance

      • 🟢 Light / dark theme (follow system + manual switch)
      • 🟢 UI language (Simplified Chinese / English, dropdown takes effect immediately)
    • 🟢 2D view

      • 🟢 Mouse-wheel zoom speed (0.1× ~ 5× slider)
      • 🟢 Drag pan speed (0.1× ~ 5× slider)
      • 🟢 Drag animation toggle (enable inertia easing)
    • 🟢 3D view

      • 🟢 Mouse interaction preset (left-drag pan / right-drag rotate OR left-drag rotate / right-drag pan)
      • 🟢 Mouse-wheel zoom speed (0.1× ~ 5× slider)
      • 🟢 Pan speed (0.1× ~ 5× slider)
      • 🟢 Rotation speed (0.1× ~ 5× slider)
      • 🟢 Mouse inertia toggle + damping factor (0.01 ~ 1.0 slider)
      • 🟢 Zoom-to-cursor toggle (scroll wheel zooms anchored at the mouse position)
      • 🟢 Enable pan / enable zoom / enable rotate (3 independent toggles)
      • 🟢 Screen-space pan toggle
    • 🟢 Other

      • 🟢 Auto-save toggle (write settings after manual confirmation)
      • 🟢 One-click restore default view settings
    • 🟢 Units

      • 🟢 Metric units (centimeters / meters), unified conversion in the properties panel
  • 🟢 Shortcuts

    • 🟢 Project operations

      • 🟢 New project (⌘/Ctrl + ⌥/Alt + N)
      • 🟢 Save (⌘/Ctrl + S)
      • 🟢 Rename (⌘/Ctrl + R)
      • 🟢 Undo (⌘/Ctrl + Z)
      • 🟢 Redo (⌘/Ctrl + Y)
    • 🟢 Edit operations

      • 🟢 Copy (⌘/Ctrl + C)
      • 🟢 Cut (⌘/Ctrl + X)
      • 🟢 Paste (⌘/Ctrl + V)
      • 🟢 Delete (Backspace / Delete)
      • 🟢 Group (⌘/Ctrl + G)
      • 🟢 Ungroup (⌘/Ctrl + Shift + G)
      • 🟢 Lock / Unlock (⌘/Ctrl + L)
      • 🟢 Cancel drawing (Esc)
    • 🟢 View operations

      • 🟢 Toggle 2D / 3D (⌘/Ctrl + /)
      • 🟢 Zoom in (⌘/Ctrl + [)
      • 🟢 Zoom out (⌘/Ctrl + ])
      • 🟢 Focus all (⌘/Ctrl + 9)
      • 🟢 Focus selection (⌘/Ctrl + 0)
      • 🟢 Search components (⌘/Ctrl + J)
      • 🟢 Fullscreen toggle
    • 🟢 Walk-mode operations

      • 🟢 Move (W / S / A / D)
      • 🟢 Run (Shift)
      • 🟢 Jump (Space)
      • 🟢 Toggle perspective (V)
      • 🟢 Exit walk mode (Esc)
  • 🟢 Status bar & info

    • 🟢 Scene info card (hover to expand details, title shows the current mode in real time)
      • 🟢 2D / 3D real-time FPS (color-coded by level: green / yellow / orange / red)
      • 🟢 Total vertex count
      • 🟢 Total line count
      • 🟢 Total triangle count
      • 🟢 Texture map count
      • 🟢 Object count
    • 🟢 Current scene zoom ratio
    • 🟢 Real-time coordinate display while dragging
    • 🟢 Scene extents / bounds
    • 🟢 Last save time
    • 🟢 Application version
    • 🟢 Error / warning count indicator (click to jump to the log panel)
    • 🟢 Bottom shortcut hint bar (dynamically shows available shortcuts for the current drawing mode)
  • 🟢 Help & onboarding

    • 🟢 Shortcut reference page (independent route, full shortcut table)
    • 🟢 Getting-started tour (step-by-step overlays: menu bar / toolbar / model panel / properties panel)
    • 🟢 Issue feedback (jump to GitHub Issues for bug reports and suggestions)
  • 🟢 Platform support

    • 🟢 Desktop
    • 🟢 PWA install (install to desktop from the browser, offline-capable)
    • 🟢 Mobile responsive layout
      • 🟢 Bottom-panel switching buttons (component library / properties / toolbar in drawer style)
      • 🟢 Walk-mode virtual joystick (touch directional control + rotation buttons)
      • 🟢 Horizontal scrolling info bar (gesture-friendly)
  • 🟡 Management

    • 🟢 Reference line management (add / delete / edit / color / visibility)
    • 🟢 Multi-floor management (layer system)
    • 🟢 Component group management
    • 🟢 Property management
    • ⚪ Components (select multiple models and save them as a new combined component, appears in the model library for repeated drag-in, supports save / delete / rename)

About

Nxtspace Web is a web-based 3D scene creation platform designed specifically for the architecture industry. Whether you have prior experience with 3D modeling or not, you can get started with ease. With Nxtspace Web, you can quickly build 3D architectural scenes, meet your project needs efficiently, and easily create your own custom demos.

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages