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.
Enrutado, acciones, REST, WebSocket, esquemas, archivos, vistas, correo y control de ejecución en un solo lugar.
Inputs, datagrids, formularios, gráficos, dashboards, modales e interfaces listas para producción.
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
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.jsUna estructura clara para lógica de negocio, APIs, sockets, jobs y procesos reales sin ruido de framework.
// 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();UI con jComponents
spa.min@20Crea formularios, dashboards, tablas y flujos completos con componentes pensados para pantallas de negocio reales.
<!-- 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>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.
Menos overhead.
Más control.
Total.js está diseñado para seguir siendo rápido, entendible y cercano al producto que estás construyendo.
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
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.

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

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.

Más aplicaciones
Nuevas herramientas nativas ampliarán el mismo ecosistema para desarrollo, gestión, monitorización y evolución del producto.
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.
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.
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.
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.
Equipos de todo el mundo ya construyen con Total.js.
Ver todas las referencias





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