Constrói mais rápido. Fica dono do teu stack.
Software de negócio sem camadas desnecessárias.
O Total.js combina um framework Node.js rápido, componentes de UI prontos para produção e aplicações já comprovadas, para que as equipas possam criar dashboards, portais, produtos SaaS e ferramentas internas com menos glue code e mais controlo.
Routing, ações, REST, WebSocket, esquemas, ficheiros, views, e‑mail e controlo em runtime, tudo no mesmo sítio.
Campos de entrada, datagrids, formulários, gráficos, dashboards, modais e interfaces prontas para produção.
Um stack que podes compreender, estender e sentir como teu
O Total.js mantém as peças importantes juntas: backend, UI, dados, comunicação em tempo real e lógica de negócio, sem espalhar o produto por camadas desnecessárias.
Framework
Uma base em Node.js sem dependências desnecessárias, pensada para APIs, sockets, painéis de administração, portais, aplicações internas e produtos de longo prazo.
- Routing direto e ações limpas
- Esquemas, validação e acesso aos dados
- REST, WebSocket, e‑mail, ficheiros e views
jComponents
Uma camada de UI pensada para aplicações de negócio: componentes reais, binding simples e ecrãs prontos a trabalhar sem stacks frontend pesados.
- Formulários, datagrids, gráficos e dashboards
- Bindings automáticos e vistas leves
- Mais de 300 componentes em produção
Um backend. Uma filosofia de UI.
Rotas, ações, esquemas, views, bindings e componentes encaixam naturalmente. Menos glue code, 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, ações, esquemas, base de dados, sockets e e‑mail
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 com jComponents
spa.min@20Cria formulários, dashboards, tabelas e fluxos de trabalho completos com componentes pensados para ecrãs de negócio reais.
<!-- 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:Procurar encomendas;autofill:1"></ui-component>
<ui-component name="validate" path="?.form">
<button class="exec" data-exec="?/submit">Guardar encomenda</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-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>Aplicações que mostram o stack em produção
O Flow, o OpenPlatform, o CMS e as outras aplicações Total.js não são demos. São produtos reais, construídos sobre a mesma base que podes usar na tua própria plataforma.
Flow
Automação, integrações e processos de negócio ligados a APIs, serviços e IA.
OpenPlatform
Uma base de portal privado com identidades, aplicações, utilizadores e acesso controlado.
CMS
Gestão de conteúdos que pode funcionar sozinha ou integrar-se numa solução de negócio maior.
Mais apps
Ferramentas construídas com a mesma filosofia: práticas, diretas e prontas para trabalho real.
Menos overhead.
Mais controlo do teu lado.
O Total.js é desenhado para se manter rápido, compreensível e perto do produto que estás a construir.
TotalDesktop Suite
Ferramentas nativas para Mac e iPad desenhadas à volta de workflows reais Total.js: recursos, código, monitorização, projetos e trabalho diário.

TotalResources
Gere conteúdos multilingues a partir de uma app nativa: tradução, ajuda ortográfica, revisão e apoio de IA para cada texto de produto.

TotalCode
Um workspace nativo para Total.js Code, com controlo local e várias instâncias a partir de uma única aplicação.

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

Mais aplicações
Mais ferramentas nativas vão estender o mesmo ecossistema para desenvolvimento, gestão, monitorização e evolução do produto.
Exclusivamente para Mac e iPad, em breve
O primeiro lançamento será focado no ecossistema Apple. Windows e Linux chegarão mais tarde, ainda sem data definida.
Construímos software Total.js pensado para durar
Aplicações à medida, dashboards, portais, produtos SaaS e plataformas privadas construídos sobre uma base coerente, em vez de complexidade acidental.
Desenvolvimento à 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 de o produto crescer.
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, refactor, novas funcionalidades e evolução progressiva de plataformas existentes.
Diz‑nos do que o teu negócio precisa para funcionar melhor
Desenhamos e construímos aplicações Total.js com uma base técnica clara e um caminho prático até à produção.
Equipas em todo o mundo já constroem com Total.js.
Ver todas as referências





Diz‑nos o que queres construir e nós respondemos com o próximo passo prático.