Kuito nimmt Gestalt an / Entdecken Sie das experimentelle native Framework
EINE NEUE ART VON NATIVEM FRAMEWORK

Native Apps.
Die Einfachheit des Webs.

Bauen Sie wirklich native iOS- und Android-Erlebnisse mit TypeScript, vertrautem CSS und Web-APIs. Ein anderer Ansatz, von Grund auf.

npx @kuito/kuito create MyApp
cd MyApp
npx kuito dev ios
Braucht Node.js 22.18 oder neuer und Xcode oder das Android-SDK. kuito doctor meldet, was fehlt. Es ist nicht produktionsreif.
✳ FÜR NATIVE GEMACHT
9:41● ▰
Live-VorschauKuito-Karakal-Logo

Gemacht für
Bewegung.

Eine native View nach der anderen.

Feingranularer Zustand
8
EntdeckenStöbernProfil
Kein React-Reconciler
Echte native Views
01 / DAS FRAMEWORKSCROLLEN ZUM ENTDECKEN
01 WAS KUITO ANDERS MACHT

Vertraute Werkzeuge.
Neue Möglichkeiten.

Keine weitere Schicht über Native. Kuito beginnt bei dem, was Entwickler schon kennen, und bringt es näher an die Plattform.

01 / STYLING

Echte CSS-Dateien.
Native Ergebnisse.

Schreiben Sie unterstütztes CSS mit Klassen, Tokens, Varianten und Transitions. Styles werden beim Build zu nativen Eigenschaften kompiliert.

.card {  padding: 24px;  border-radius: 16px;  transition: transform 250ms;}
CSS entdecken
02 / STANDARD-APIS

Die Web-APIs,
die Sie schon kennen.

Nutzen Sie fetch, WebSocket, AbortController, Timer, URL und die anderen unterstützten Standard-APIs, nativ implementiert.

fetch()WebSocketAbortControllercryptoURLsetTimeout()
Web-APIs entdecken
03 / REAKTIVITÄT

Nur aktualisieren,
was sich ändert.

Feingranulare Signals aktualisieren die betroffenen nativen Eigenschaften, ohne einen ganzen Komponentenbaum neu auszuführen.

signal()
TextOpacityPosition
Signals entdecken
04 / MOTION

Bewegung gehört
auf den UI-Thread.

Kombinieren Sie native Gesten und Animationen, die auf dem UI-Thread neben den Views laufen, ohne pro Frame einen Umweg über JavaScript.

↗
Motion entdecken
02 STYLING, NEU GEDACHT

Native stylen.
Und zwar richtig.

Behalten Sie den CSS-Workflow, den Sie mögen. Kuito kompiliert unterstützte Deklarationen zu nativen Eigenschaften der Plattform, und auf dem Gerät wird kein CSS geparst.

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

.title {
  font-size: 1.5rem;
  color: #fff;
}
Beim Build kompiliertCSS → native Props
VORSCHAU
NATIVE KOMPONENTE

Built for native.

Dasselbe deklarative Styling. Native Views der Plattform.

Weiter
Illustrative Web-Vorschau, kein iOS- oder Android-Simulator.
03 UNTER DER HAUBE

Keine Webview.
Kein React-Renderer.

Kuito kompiliert TSX und reaktive Bindungen, führt JavaScript auf Hermes aus vorkompiliertem Bytecode aus und schickt native View-Updates an UIKit und Android Views.

Die Architektur lesen
TypeScript + CSSApp-Quellcode
Compiler + HermesOxc • Rolldown • hermesc
Plattform-UIUIKit • Android Views

Bauen Sie, was als Nächstes kommt.

Früh, experimentell und offen für alle, die gern anders bauen.

Jetzt entdecken