O Kuito está a ganhar forma / Explore o framework nativo experimental
UM NOVO TIPO DE FRAMEWORK NATIVO

Apps nativas.
A simplicidade da web.

Crie experiências verdadeiramente nativas em iOS e Android com TypeScript, CSS familiar e as APIs da web. Uma abordagem diferente desde a base.

npx @kuito/kuito create MyApp
cd MyApp
npx kuito dev ios
Precisa de Node.js 22.18 ou mais recente, e do Xcode ou do SDK Android. kuito doctor indica o que falta. Ainda não está pronto para produção.
✳ FEITO PARA O NATIVO
9:41● ▰
Pré-visualização ao vivoLogótipo do caracal do Kuito

Feito para
se mexer.

Uma vista nativa de cada vez.

Estado de grão fino
8
ExplorarDescobrirPerfil
Sem reconciliador React
Vistas nativas reais
01 / O FRAMEWORKDESLIZE PARA EXPLORAR
01 O QUE TORNA O KUITO DIFERENTE

Ferramentas familiares.
Possibilidades novas.

Não é mais uma camada por cima do nativo. O Kuito parte do que os programadores já conhecem e aproxima-o da plataforma.

01 / ESTILOS

Ficheiros CSS a sério.
Resultado nativo.

Escreva CSS suportado, com classes, tokens, variantes e transições. Os estilos são compilados em propriedades nativas no build.

.card {  padding: 24px;  border-radius: 16px;  transition: transform 250ms;}
Explorar o CSS
02 / APIS PADRÃO

As APIs da web
que já conhece.

Use fetch, WebSocket, AbortController, temporizadores, URL e as outras APIs padrão suportadas, com implementações nativas.

fetch()WebSocketAbortControllercryptoURLsetTimeout()
Explorar as APIs web
03 / REATIVIDADE

Atualizar só
o que muda.

Os signals de grão fino atualizam as propriedades nativas afetadas sem voltar a correr uma árvore de componentes inteira.

signal()
TextOpacityPosition
Explorar os signals
04 / MOVIMENTO

O movimento pertence
à thread de UI.

Componha gestos e animações nativos que correm na thread de UI ao lado das vistas, sem ida e volta ao JavaScript a cada frame.

↗
Explorar o movimento
02 ESTILOS, REPENSADOS

Estilos nativos.
A sério.

Mantenha o fluxo de trabalho CSS de que gosta. O Kuito compila as declarações suportadas em propriedades nativas da plataforma, e nada analisa CSS no dispositivo.

profilecard.css
.card {
  padding: 24px;
  border-radius: 24px;
  background: #171b2b;
  transition: transform 300ms spring(14, 180);
}

.title {
  font-size: 1.5rem;
  color: #fff;
}
Compilado no buildCSS → props nativas
PRÉ-VISUALIZAÇÃO
COMPONENTE NATIVO

Built for native.

O mesmo estilo declarativo. Vistas nativas da plataforma.

Continuar
Pré-visualização web ilustrativa, não um simulador iOS ou Android.
03 POR BAIXO DO CAPÔ

Não é uma webview.
Não é um renderer React.

O Kuito compila o TSX e as ligações reativas, corre o JavaScript no Hermes a partir de bytecode pré-compilado e envia as atualizações das vistas nativas para o UIKit e as Android Views.

Ler a arquitetura
TypeScript + CSSCódigo da app
Compilador + HermesOxc • Rolldown • hermesc
UI da plataformaUIKit • Android Views

Construa o que vem a seguir.

Recente, experimental e aberto a quem gosta de construir de outra forma.

Começar a explorar