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.
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.
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.jsUna estructura clara para lógica de negocio, APIs, sockets, jobs y procesos reales sin ruido de framework.
// 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();UI con jComponents
spa.min@20Crea formularios, dashboards, tablas y flujos completos con componentes pensados para pantallas de negocio reales.
<!-- 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>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.
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.
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.
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
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.
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.
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.
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.
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.
Equipos de todo el mundo ya construyen con Total.js.
Ver todas las referencias





Cuéntanos tu caso. Lo estudiaremos con atención y responderemos rápido con una respuesta clara.