Construa mais rápido. Domine o stack.
Software empresarial sem camadas desnecessárias.
O Total.js combina um framework Node.js rápido, componentes UI prontos para produção e aplicações comprovadas para que equipes construam dashboards, portais, produtos SaaS e ferramentas internas com menos código de cola e mais controle.
Roteamento, actions, REST, WebSocket, schemas, arquivos, views, e-mail e controle em tempo de execução em um só lugar.
Inputs, datagrids, formulários, gráficos, dashboards, modais e interfaces prontas para produção.
Um stack que você entende, expande e controla
O Total.js mantém as peças importantes próximas: backend, UI, dados, comunicação em tempo real e lógica de negócio sem distribuir seu produto por camadas desnecessárias.
Um backend. Uma filosofia de UI.
Rotas, actions, schemas, views, bindings e componentes se encaixam naturalmente. Menos código de cola, menos decisões e um caminho mais limpo da ideia à produção.
Framework puro
total5 / node.jsUma estrutura clara para lógica de negócio, APIs, sockets, jobs e processos reais sem ruído de framework.
// Rotas, schemas, banco de dados, e-mail, TMS, arquivos, jobs e 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 recebido', 'mail/order', doc, NOOP);
$.success(doc);
});
}
});
NEWACTION('Orders|sync', {
action: function($) {
// Jobs em background usam o mesmo pipeline de actions
$.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 com jComponents
spa.min@20Construa formulários, dashboards, tabelas e fluxos completos com componentes feitos para telas de negócio reais.
<!-- Biblioteca UI client-side com estado e componentes isolados -->
<script src="https://cdn.componentator.com/spa.min@20.js"></script>
<link rel="stylesheet" href="https://cdn.componentator.com/spa.min@20.css" />
<!-- UI multilíngue pronta 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">Salvar 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: 'Criado', 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 salvo');
});
};
exports.websocket = function(message) {
PUSH('?.orders', message);
EMIT('orders/live', message);
};
});
</script>Produtos reais, uma única base
Flow, OpenPlatform, CMS e outras aplicações Total.js não são demos. São produtos funcionais construídos com a mesma base que você pode usar para sua própria plataforma.
Flow
Automação, integrações e processos de negócio conectados a APIs, serviços e IA.
OpenPlatform
Uma base de portal privado com identidade, aplicações, usuários e acesso controlado.
CMS
Gestão de conteúdo que pode funcionar de forma independente ou integrada a uma solução empresarial maior.
Code
Editor de código web colaborativo para desenvolvimento em Total.js, rodando diretamente no seu próprio servidor para mudanças mais rápidas e controle total.
UI Builder
Construção visual de interfaces para dashboards, portais, formulários e telas de negócio.
Todomator
Gestão de tarefas para equipes que precisam de prioridades claras, execução e foco operacional diário.
Tables
Um workspace PostgreSQL no-code para projetar tabelas, conectar dados e gerenciar registros com views personalizadas.
Mais apps
Ferramentas construídas com a mesma filosofia: práticas, diretas e prontas para o trabalho real.
Lance mais cedo.
Escale com confiança.
Uma base mais rápida significa ciclos de entrega mais curtos, menores custos de manutenção e software empresarial que pode continuar crescendo sem reconstruir tudo.
TotalDesktop Suite
Ferramentas nativas para macOS e iPadOS criadas em torno dos fluxos reais do Total.js: resources, código, monitoramento, projetos e trabalho diário.

TotalResources
Gerencie conteúdo multilíngue em um app nativo: tradução, revisão ortográfica, revisão e suporte de IA para cada texto do produto.

TotalCode
Um workspace nativo para Total.js Code com controle local e múltiplas instâncias em uma única aplicação.

TotalMonitor
Monitore a saúde do projeto, métricas, alertas e regras em tempo real para que os problemas sejam visíveis antes de se tornarem urgentes.

Mais aplicações
Mais ferramentas nativas vão expandir o mesmo ecossistema para desenvolvimento, gestão, monitoramento e evolução do produto.
Exclusivo para macOS e iPadOS, em breve
O lançamento inicial será focado no ecossistema Apple. Windows e Linux chegarão depois, sem data prevista.
Na Total.js, construímos software que dura
Aplicações sob medida, dashboards, portais, produtos SaaS e plataformas privadas construídas sobre uma base coerente em vez de complexidade acidental.
Desenvolvimento sob medida
Aplicações, dashboards, portais, ferramentas internas e produtos digitais construídos com Total.js.
Arquitetura e consultoria
Decisões técnicas, revisão da base e um plano prático antes que o produto cresça.
Implementação e evolução
Da primeira versão à melhoria contínua, com a mesma direção técnica.
Manutenção e melhoria
Otimização, refatoração, novas funcionalidades e evolução progressiva de plataformas existentes.
Diga-nos o que seu negócio precisa para funcionar melhor
Projetamos e construímos aplicações Total.js com uma base técnica clara e um caminho prático até a produção.
Equipes do mundo inteiro já constroem com Total.js.
Ver todas as referências





Diga-nos o que você quer construir e responderemos com um próximo passo prático.