Skip to content

About

Nxtspace Mobile is a mobile application for creating 3D architectural scenes, built with React Native and designed specifically for the architecture and construction industry. Whether you have prior experience with 3D modeling or are completely new to it, Nxtspace Mobile is easy to learn and use. It enables you to quickly build 3D architectura

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 

Repository files navigation

Nxtspace logo

Nxtspace Mobile

🚀 React Native cross-platform mobile application

🌐 English | 简体中文


React Native React Three.js Leafer TypeScript Tailwind CSS Gluestack UI

Introduction


Nxtspace Mobile is a React Native-based 3D scene-building mobile application for the architecture industry.

Whether or not you have any modeling experience, you can get started easily. With Nxtspace Mobile you can quickly fulfill your 3D architectural scene-building needs and effortlessly create your own Demo.

Nxtspace Mobile runs on Android, iOS and other mobile platforms, leveraging React Native for cross-platform capability and Gluestack UI for a consistent mobile interaction experience.

Models


Nxtspace Mobile supports importing and managing 3D model resources, providing a rich model library for architectural scene building.

It currently makes use of the free Sweet Home 3D model resources, including:

  • Furniture models
  • Interior decoration models
  • Lighting models
  • Plant models
  • Kitchen models
  • Bathroom models
  • Door & window models
  • Architectural component models

Model sources:

  • Sweet Home 3D official free model library
  • User-defined 3D models

Sweet Home 3D free models:

https://www.sweethome3d.com/freeModels.jsp

Platforms


  • 🟢 Android
  • 🟢 iOS

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)
  • 🟢 AI agent panel (host environment only)

  • 🟡 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 Mobile is a mobile application for creating 3D architectural scenes, built with React Native and designed specifically for the architecture and construction industry. Whether you have prior experience with 3D modeling or are completely new to it, Nxtspace Mobile is easy to learn and use. It enables you to quickly build 3D architectura

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors