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 rápido de Node.js, 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 código de integración y más control.

0dependencias
300+Componentes UI
MITlicencia
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.

# Framework de servidor para Node.js
$ npm install total5

# Total.js CLI
$ npm install total5 -g
$ total5
# traducir, minimizar, agrupar, extraer, editar
# proxyclient y servidor web local inmediato
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 código de integración, 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, esquemas, base de datos, correo, TMS, archivos, trabajos y sockets
require('total5');

exports.install = function() {
	ROUTE('GET /', 'view');
	ROUTE('+API ? orders-query      --> Orders|query');
	ROUTE('+POST /api/orders/      --> Orders|create');
	ROUTE('SOCKET /live/ @json <2MB', live);
	ROUTE('FILE /invoice/{id}/', invoice);
	ON('service', counter => counter % 5 === 0 && ACTION('Orders|sync').callback(NOOP));
};

NEWACTION('Orders|query', {
	query: 'page:Number, q:String',
	action: function($) {
		DATA.find('orders')
			.search('email', $.query.q)
			.paginate($.query.page || 1, 20)
			.sort('dtcreated_desc')
			.callback($);
	}
});

NEWACTION('Orders|create', {
	input: '*email:Email,*total:Number,items:[Object]',
	output: 'id:String,email:Email,total:Number,dtcreated:Date',
	publish: true,
	action: function($, model) {
		model.dtcreated = new Date();
		DATA.insert('orders', model).callback(function(err, doc) {
			if (err)
				return $.invalid(err);

			MAIL(model.email, 'Pedido recibido', 'mail/order', doc, NOOP);
			$.success(doc);
		});
	}
});

NEWACTION('Orders|sync', {
	action: function($) {
		// Las tareas en segundo plano usan el mismo flujo de acciones
		$.success();
	}
});

function live($) {
	$.autodestroy();
	SUBSCRIBE('Orders|create', order => $.send(order));
	$.on('message', (client, message) => ACTION('Orders|create', message, client).callback(response => client.send(response)));
}

function invoice($) {
	FILESTORAGE('orders').read($.params.id, $.callback);
}

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
<!-- Librería de UI en cliente con estado acotado y componentes -->
<script src="https://cdn.componentator.com/spa.min@20.js"></script>
<link rel="stylesheet" href="https://cdn.componentator.com/spa.min@20.css" />

<!-- UI multilingüe lista para usar: @(Orders), @(Save order), @(Customer) -->

<ui-plugin path="orders">
	<ui-component name="input" path="?.filter.q" config="placeholder:Buscar pedidos;autofill:1"></ui-component>

	<ui-component name="validate" path="?.form">
		<button class="exec" data-exec="?/save">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-bind path="?.order" config="template">
		<script type="text/html">{{ value.email }} · {{ value.total | format(2) }}</script>
	</ui-bind>
</ui-plugin>

<script>
PLUGIN('orders', function(exports) {
	exports.reload = function() {
		exports.tapi('Orders|query', exports.model.filter, function(response) {
			exports.set('?.orders', response);
		});
	};

	exports.save = function() {
		SETTER('loading/show');
		exports.tapi('Orders|create ERROR @showloading', exports.model.form, function(response) {
			SETTER('loading/hide');
			PUSH('?.orders', response);
			exports.set('?.form', {});
			SETTER('message/success', 'Pedido guardado');
		});
	};

	exports.websocket = function(message) {
		PUSH('?.orders', message);
		EMIT('orders/live', message);
	};
});
</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

Productos reales, una sola base

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.

Code

Editor web colaborativo de código para desarrollo con Total.js, ejecutado directamente en tu propio servidor para cambios más rápidos y control total.

UI Builder

Diseño visual de interfaces para paneles, portales, formularios y pantallas de negocio.

Todomator

Gestión de tareas para equipos que necesitan prioridades claras, ejecución y foco operativo diario.

Enterprise

Tables

Espacio de trabajo sin código para PostgreSQL, para diseñar tablas, conectar datos y gestionar registros con vistas personalizadas.

Más apps

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

Rendimiento para productos reales

Lanza antes.
Escala con confianza.

Una base más rápida implica ciclos de entrega más cortos, menores costes de mantenimiento y un software de negocio que puede seguir creciendo sin tener que reconstruirlo todo.

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 macOS e iPadOS diseñadas en torno a 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

Exclusivo para macOS e iPadOS, próximamente

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

macOS
iPadOS
App Store
Mac App Store
Desarrollo profesional

En Total.js creamos software que perdura.

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
Productos 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

Convertimos necesidades de negocio en software real

Diseñamos y desarrollamos aplicaciones 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 tu caso. Lo estudiaremos con atención y responderemos rápido con una respuesta clara.