Native workspace for Total.js

Your whole project.
One focused IDE.

Open your project. Write, run and debug with Node.js and Total.js already inside the app. Get help from Apple Intelligence on your Mac, or connect the local model and coding agents you choose.

Total.js 4 + 5 jComponent 19 + 20 macOS 14+ · Apple silicon
TotalIDE with the project tree, code editor, local preview and console
The current TotalIDE workspace · editor, project tools and a live preview.
NativeBuilt for macOS
Full stackBackend + frontend
Source-awareTotal.js ground truth
Local firstYour project, your control

Complete workflow

From an empty folder to a running application.

TotalIDE brings the pieces of real Total.js development together without turning your workspace into a collection of disconnected tools.

01

Create & edit

A code editor that speaks Total.js.

Open an existing project or create a clean Total.js 4 or 5 foundation. Work with completions, signatures, definitions, Quick Help and formatting that preserve the framework’s conventions.

02

Run & Preview

Your app, alive beside your code.

The included Node.js and Total.js runtimes start the project locally. Preview follows restarts, reloads when the server is ready and adapts from phone to desktop sizes.

03

Project tools

Structure instead of noise.

See routes, actions, schemas, plugins and components. Collect pending comments, inspect local data, manage configuration and keep local restore points.

  • Project-wide search
  • Database Viewer
  • GitHub & local history

Framework intelligence

Understands the code you actually write.

TotalIDE detects the project’s backend and frontend versions, learns its own declarations and connects symbols across controllers, schemas, actions, views and browser code.

Total.js globalsController chainsQueryBuilderTangularjComponent
Project graphVersion-aware
BackendRoutes · Actions · Schemas
FrontendViews · jComponent · Tangular
Your codeGlobals · Plugins · Helpers
Framework sourceTotal.js · QueryBuilder

Full-stack visibility

Debug the backend. See the frontend clearly.

One command starts a focused debug session and brings the signals from both runtimes into one workflow.

NODE.JS

Backend debugging inside TotalIDE

Set breakpoints in controllers, actions, schemas, definitions, middleware and startup code. Step through execution with conditions, call stacks, scopes, expressions and editable values.

BROWSER

Frontend diagnostics where you work

Follow browser console output, errors and rejected promises beside your backend session. Use the frontend debugging tools and Safari Web Inspector to inspect the running page.

Assistance on your terms

Your code.
Your choice of assistant.

Select code and ask for an explanation, documentation, a summary or a review. The answer stays beside your work, and suggested code can be inserted with one click and undone with the editor.

Apple IntelligenceOllamallama.cpp
  • Apple Intelligence. Apple's on-device model answers about the context you give it. No server or API key to configure.
  • Your local model. Ollama and llama.cpp can use workspace tools to inspect the project tree, search and read current problems when the model supports tool calling.
  • Coding agents. Work with the bundled Codex, Claude and Copilot agents, or connect a compatible tool through MCP.

Apple Intelligence requires a compatible Mac and system availability. Coding agents may require their own account or subscription. You choose which external services can access your project.

TotalIDE's Apple Intelligence panel explaining selected code in the bottom chat
Apple Intelligence in the app · help with the code you selected.

Accessibility is part of the architecture

A professional workspace should adapt to the developer.

TotalIDE combines native macOS behavior with deliberate labels, keyboard workflows, scalable interface text and states that never depend on color alone.

Explore accessibility in TotalIDE
Keyboard firstPrimary workflows and commands stay reachable.
VoiceOver contextControls expose names, hints and selected states.
Scalable interfaceEditor and interface text adjust independently.
Clear contrastLight, dark and increased-contrast environments.

Local-first control

Your project remains your project.

TotalIDE works directly with folders you choose. Analysis, formatting, runtime tools, history and AI memory live on your Mac. External services are optional and used only when you choose a connected feature.

Read the privacy policy
Connect your assistant via MCP

This read-only connector can explain the connected Total.js products and link to their public websites. Add this URL as a Streamable HTTP MCP server in a compatible client. These public product tools do not require authentication.

https://totalide.totaljs.es/mcp/

Tools: Network_list · Network_search

Client setup guides
Spanish Total.js

Ask about Total.js

Ask about Total.js capabilities, advantages and practical uses. Answers explain the content of this website and link to relevant sections.

Website and development knowledge

Questions stay in this browser. Local AI can make mistakes; check the linked sources.

Read the documentation · Talk to us about your project

Available now

The native home for serious Total.js development.

Download TotalIDE from the Mac App Store. Built for Apple Silicon and macOS 14 or later.

Download on the App Store
Native appmacOS 14+Apple siliconNative SwiftTotal.js 4 + 5