Total.js para software de negocio real

Construye más rápido. Haz tuyo el stack.

Software de negocio sin capas innecesarias.

Total.js combina un framework Node.js rápido, componentes de UI listos para producción y aplicaciones probadas, para que los equipos puedan crear dashboards, portales, productos SaaS y herramientas internas con menos glue code y más control.

0dependencias
300+Componentes UI
MITopen source
totaljs.es / software stack
Núcleo de backend

Enrutado, acciones, REST, WebSocket, esquemas, archivos, vistas, correo y control de ejecución en un solo lugar.

jComponents

Inputs, datagrids, formularios, gráficos, dashboards, modales e interfaces listas para producción.

# Node.js server-side framework
# Total.js v5
$ npm install total5
# Una sola base para backend, frontend y UI
Node.js
NoSQL
WebSocket
API/REST
Actions
Empieza con una base sólida

Un stack que puedes entender, extender y hacer tuyo

Total.js mantiene cerca las piezas importantes: backend, UI, datos, comunicación en tiempo real y lógica de negocio, sin dispersar el producto en capas innecesarias.

Framework

Una base Node.js sin dependencias externas para APIs, sockets, paneles de administración, portales, aplicaciones internas y productos de largo recorrido.

  • Enrutado directo y acciones claras
  • Esquemas, validación y acceso a datos
  • REST, WebSocket, correo, archivos y vistas

jComponents

Una capa de UI pensada para aplicaciones de negocio: componentes reales, binding sencillo y pantallas listas para trabajar sin stacks frontend pesados.

  • Formularios, datagrids, gráficos y paneles
  • Bindings automáticos y vistas ligeras
  • Más de 300 componentes en producción
Framework + jComponents

Un backend. Una filosofía de UI.

Rutas, acciones, esquemas, vistas, bindings y componentes encajan de forma natural. Menos glue code, menos decisiones y un camino más limpio de la idea a producción.

Framework puro

total5 / node.js

Una estructura clara para lógica de negocio, APIs, sockets, jobs y procesos reales sin ruido de framework.

framework.js
// Rutas, acciones, esquemas, base de datos, sockets y correo
require('total5');

exports.install = function() {
	ROUTE('GET /', 'view');
	ROUTE('+API ? orders-list      --> find');
	ROUTE('+POST /api/orders/      --> create');
	ROUTE('SOCKET / @text <1MB', socket); // "text" means only the plain text communication
};

	NEWACTION('find', {
		query: 'page:Number, sort:String',
		route: 'API ?',
		params: 'projectid:String',
		action: function($) {
			// $.query
			// $.params
			$.success();
		}
	});

	NEWACTION('create', {
		name: 'description',
		route: '+POST /api/orders/',
		input: '*name:String, age:Number',
		output: 'success:Boolean',
		params: 'projectid:String, id:String',
		action: function($, model) {
			// $.query
			// $.params
			// $.model or model "is prepared according to the input data schema"

			// $.success();
			// $.callback({ success: true });

			// TMS:
			// $.publish(model);
		}
	});

	function socket($) {

		// $ === WebSocketController

		// List of all clients in the controller
		// $.connections {Object} ID1:CLIENT, ID2:CLIENT, ID3:CLIENT
		/*
			for (var id of $.connections) {
				var client = $.connections[id];
				client.send({ name: 'Hello' });
			}
		*/

		// Automatically destroys the controller after all clients are disconnected.
		$.autodestroy();

		$.on('open', function(client) {
			// @client {Controller}
			client.send('Hello world');
		});

		$.on('close', function(client) {
			client.send('Bye Bye!');
		});

		$.on('message', function(client, message) {
			console.log(message);
		});

	}

Total.run();
Routing intuitivo
Acciones reutilizables
WebSocket integrado
NoSQL y esquemas
MVC y serverless
Escalable y sencillo

UI con jComponents

spa.min@20

Crea formularios, dashboards, tablas y flujos completos con componentes pensados para pantallas de negocio reales.

ui.html
<!-- Client-side UI library -->
<script src="https://cdn.componentator.com/spa.min@20.js"></script>
<link rel="stylesheet" href="https://cdn.componentator.com/spa.min@20.css" />

<ui-plugin path="scope">
	<ui-component name="input" path="?.filter" config="placeholder:Buscar pedidos;autofill:1"></ui-component>
	<ui-component name="validate" path="?.form">
		<button class="exec" data-exec="?/submit">Guardar pedido</button>
	</ui-component>

	<ui-component name="datagrid" path="?.orders" config="margin:0;click:?/detail">
		<script type="text/plain">
		[
			{ name: 'email', text: 'Cliente', width: 220 },
			{ name: 'total', text: 'Total', align: 2, template: "{{ total | format(2) }}" },
			{ name: 'dtcreated', text: 'Creado', template: "{{ dtcreated | format('dd.MM.yyyy') }}" }
		]
		</script>
	</ui-component>

	<ui-component name="linechart" path="?.sales" config="height:180;type:curves"></ui-component>
	<ui-bind path="?.online" config="text:value + ' online'"></ui-bind>
</ui-plugin>

<script>
PLUGIN('scope', function(exports) {
	exports.submit = function() {
		var modal = exports.modal;
		exports.tapi('orders-list', modal, function(response) {
			exports.set('scope.orders', response);
		});
	};
});
</script>
Más de 300 componentes
Datagrids y formularios
Bindings automáticos
Paneles y gráficos
UI preparada para negocio
Páginas más rápidas
Apps construidas sobre Total.js

Aplicaciones que demuestran el stack

Flow, OpenPlatform, CMS y otras aplicaciones Total.js no son demos. Son productos reales construidos sobre la misma base que puedes usar para tu propia plataforma.

Flow

Automatización, integraciones y procesos de negocio conectados con APIs, servicios y IA.

OpenPlatform

Base de portal privado con identidad, aplicaciones, usuarios y acceso controlado.

CMS

Un gestor de contenidos que puede funcionar solo o integrarse en una solución empresarial más amplia.

Más apps

Herramientas con la misma filosofía: prácticas, directas y preparadas para trabajo real.

Rendimiento y simplicidad

Menos overhead.
Más control.

Total.js está diseñado para seguir siendo rápido, entendible y cercano al producto que estás construyendo.

Comparativa de velocidad del framework
Total.js
100%
Fastify
90%
Koa
77%
Express
70%
NestJS
67%
Sails
60%
Meteor
55%
Hapi
50%
Apps nativas conectadas

TotalDesktop Suite

Herramientas nativas para Mac y iPad diseñadas alrededor de flujos de trabajo reales con Total.js: recursos, código, monitorización, proyectos y trabajo diario.

TotalResources app icon

TotalResources

Gestiona contenido multilingüe desde una app nativa: traducción, ayuda de ortografía, revisión y soporte de IA para cada texto de producto.

Multilingüe
Total.js API
Athena AI
MCP / MVP
TotalCode app icon

TotalCode

Un workspace nativo para Total.js Code con control local y múltiples instancias desde una sola aplicación.

IDE nativo
Múltiples instancias
MCP / MVP
TotalMonitor app icon

TotalMonitor

Supervisa la salud del proyecto, las métricas, las alertas y las reglas en tiempo real para que los problemas se vean antes de volverse urgentes.

Tiempo real
Alertas
MCP / MVP
More applications icon

Más aplicaciones

Nuevas herramientas nativas ampliarán el mismo ecosistema para desarrollo, gestión, monitorización y evolución del producto.

En progreso
Nuevas apps
Ecosistema
Disponibilidad

Exclusivamente para Mac y iPad, muy pronto

La versión inicial se centrará en el ecosistema de Apple. Windows y Linux llegarán más adelante, aún sin fecha prevista.

Mac
iPad
App Store
Mac App Store
Desarrollo profesional

Construimos software Total.js que resiste el tiempo

Aplicaciones a medida, dashboards, portales, productos SaaS y plataformas privadas construidas sobre una base coherente en lugar de complejidad accidental.

Aplicaciones internas
Portales privados
Paneles de control
Producto SaaS
Refactorización y mejora
Soporte técnico

Desarrollo a medida

Aplicaciones, paneles, portales, herramientas internas y productos digitales construidos con Total.js.

Arquitectura y consultoría

Decisiones técnicas, revisión de la base y un plan práctico antes de que el producto crezca.

Implementación y evolución

De la primera versión a la mejora continua, con la misma dirección técnica.

Mantenimiento y mejora

Optimización, refactor, nuevas funcionalidades y evolución progresiva de plataformas existentes.

Spanish Total.js Platform

Cuéntanos qué necesita tu negocio para funcionar mejor

Diseñamos y desarrollamos aplicaciones Total.js con una base técnica clara y un camino práctico hacia producción.

Aplicaciones de negocio y dashboards
Plataformas y portales privados
Arquitectura, implementación y evolución

Equipos de todo el mundo ya construyen con Total.js.

Ver todas las referencias
Siemens
Orange
Datalan
Metrostav
Slovalco
Volkswagen
Cuéntanos sobre tu proyecto

Cuéntanos qué quieres construir y te responderemos con un siguiente paso práctico.