Once UI Blog
Builder stories
Beiträge
Once UI
Once UI Stack chat: an AI chat with a face
Once UI 2.5: reactions that move
Once UI 2.4: ready for AI apps
Once UI 3.0 beta: one way to say it
Stack languages: your app in Hungarian, or in two
Stack store: your shop on your own site
Liquid Metal: chrome that never sets
Chirio, redesigned
Styled screenshots in Chirio
Once UI 2.3: made for real apps
Frametic is now a video and capture studio
Agents write about 40% less code from Stack
Magic Portfolio, now on Once UI 2
Frametic MCP: let your agent film your site
Once UI Stack: your site as a desktop app
Once UI Stack, redesigned
Stack: teams and billing
Prism Glow: soft prism light behind your sign-in screen
Once UI for React Native: the same props on a phone
Once UI 2.2: chat, forms and mobile
Dither: your own image or video as a dithered print
Once UI 2.1: The pieces apps kept asking for
Once UI 2.0: A system an AI can build with
Once UI 2.0 Alpha: Gemessen, nicht vermutet
Paarweise gestalten: background und onBackground
Colour arrives in pairs
Once UI 1.8: Feinschliff als Feature
Once UI 1.7: Form mit Absicht
Von Produkten zu Systemen: Ein neues Servicemodell
Magic Journal: Ein anderes Medium für Langform-Texte
Supa Social: Der nächste Meilenstein unserer Reise
Once UI ist Open Source. So wollen wir es beibehalten.
Gestaltung einer zeitlosen, KI-nativen Marke
Once UI 1.5: Neugier im Code
Once UI 1.4 Migrationsleitfaden: Das Breakpoint-Objekt
Launches im KI-nativen Zeitalter: Ein Leitfaden für Indie-Builder
Das erste Design-System für Indie-Builder
Builder Stories
Side und Once UI: Von der Café-Website zum Reservierungssystem
SatisPro und Once UI: Smarteres Bewertungsmanagement skalieren
IQON und Once UI: Skalieren mit einem Design-System
Dev: Verbindung von Wissenschaft und Code mit Once UI
JExcellence und Once UI: Experimente in Enterprise-Apps verwandeln
OsmyReal: Start einer Mobile-Gaming-Plattform mit minimalem Codeaufwand
TrademarkTrademark
Ctrl k
Suchen…
Registrieren
Once UI Blog
Builder stories
Beiträge
Once UI
Once UI Stack chat: an AI chat with a face
Once UI 2.5: reactions that move
Once UI 2.4: ready for AI apps
Once UI 3.0 beta: one way to say it
Stack languages: your app in Hungarian, or in two
Stack store: your shop on your own site
Liquid Metal: chrome that never sets
Chirio, redesigned
Styled screenshots in Chirio
Once UI 2.3: made for real apps
Frametic is now a video and capture studio
Agents write about 40% less code from Stack
Magic Portfolio, now on Once UI 2
Frametic MCP: let your agent film your site
Once UI Stack: your site as a desktop app
Once UI Stack, redesigned
Stack: teams and billing
Prism Glow: soft prism light behind your sign-in screen
Once UI for React Native: the same props on a phone
Once UI 2.2: chat, forms and mobile
Dither: your own image or video as a dithered print
Once UI 2.1: The pieces apps kept asking for
Once UI 2.0: A system an AI can build with
Once UI 2.0 Alpha: Gemessen, nicht vermutet
Paarweise gestalten: background und onBackground
Colour arrives in pairs
Once UI 1.8: Feinschliff als Feature
Once UI 1.7: Form mit Absicht
Von Produkten zu Systemen: Ein neues Servicemodell
Magic Journal: Ein anderes Medium für Langform-Texte
Supa Social: Der nächste Meilenstein unserer Reise
Once UI ist Open Source. So wollen wir es beibehalten.
Gestaltung einer zeitlosen, KI-nativen Marke
Once UI 1.5: Neugier im Code
Once UI 1.4 Migrationsleitfaden: Das Breakpoint-Objekt
Launches im KI-nativen Zeitalter: Ein Leitfaden für Indie-Builder
Das erste Design-System für Indie-Builder
Builder Stories
Side und Once UI: Von der Café-Website zum Reservierungssystem
SatisPro und Once UI: Smarteres Bewertungsmanagement skalieren
IQON und Once UI: Skalieren mit einem Design-System
Dev: Verbindung von Wissenschaft und Code mit Once UI
JExcellence und Once UI: Experimente in Enterprise-Apps verwandeln
OsmyReal: Start einer Mobile-Gaming-Plattform mit minimalem Codeaufwand
Once UI

Once UI 1.7: Form mit Absicht

Jedes Produkt erreicht eine Phase, in der mehr nicht mehr Fortschritt bedeutet – sondern das Bestehende zu verfeinern. Once UI 1.7 ist dieser Moment. Keine radikale Überarbeitung, sondern die ruhige, gezielte Verbesserung der Grundlagen.
Aktualisiert vor 1 Stunde
Once UI 1.8: Feinschliff als Feature
Von Produkten zu Systemen: Ein neues Servicemodell
Sponsored
Aveiro
aveiro.app
Sponsored
Aveiro
aveiro.app
TrademarkTrademark
Once UIDokumentationBlog
© Once UI. Alle Rechte vorbehalten.
Built with Aveiro
Once UI 1.7 markiert einen Wandel in unserer Denkweise über Komponentenbibliotheken. Anstatt standardmäßig alles zu bündeln, geben wir dir die Kontrolle. Dieses Release führt modulare Abhängigkeiten, neue interaktive Komponenten und verfeinerte Eingabevarianten ein – allesamt darauf ausgelegt, deinen Workflow leichter und zielgerichteter zu gestalten.
Einige der interaktiven Demos dieses Beitrags (Modal, ScrollContainer, SplitView) sind in der Once UI-Dokumentation unter docs.once-ui.com zu finden.

Von Grund auf modular

Ab Version 1.7 sind umfangreiche Abhängigkeiten wie Recharts, PrismJS, CompressorJS und Sharp nun optional. Installiere nur das, was du benötigst. Das reduziert die Bundle-Größe und gibt dir die volle Kontrolle über den Footprint deines Projekts. Wenn du von einer früheren Version migrierst, prüfe, welche Funktionen du nutzt, und installiere die entsprechenden Pakete.

Flüssige interaktive Elemente

Die neue ScrollContainer-Komponente bringt natives Scroll-Snapping mit Steuerelementen zu Once UI. Übergib beliebige Inhalte als Elemente, und sie kümmert sich um den Rest – sanftes Scrollen, Einrastpunkte und responsives Verhalten direkt einsatzbereit.

SplitView für anpassbare Layouts

SplitView bringt verstellbare Panels in deine Benutzeroberfläche. Perfekt für Editoren, Dashboards oder jedes Layout, bei dem Benutzer die Kontrolle über den Platz benötigen. Die Trennlinie ist ziehbar, responsiv und funktioniert sowohl in horizontaler als auch in vertikaler Ausrichtung.

Modal mit benutzerdefinierten Backdrops

Wenn sich Dialog zu eingeschränkt anfühlt, greife zu Modal. Es bietet mehr Platz, eine bessere Komposition und Unterstützung für benutzerdefinierte Backdrops – wie das animierte BlobFx.

Visuelle Effekte, die aufwerten statt ablenken

BlobFx verleiht deinen Designs organische, animierte Formen. Nutze es als Backdrop, Akzent oder Blickfang. Es ist subtil genug, um Inhalte zu unterstützen, und ausdrucksstark genug, um Eindruck zu hinterlassen.
Fesselnde Designs erstellen
FadingLettersFx haucht Texten mit scroll-gesteuerten Animationen Leben ein. Jeder Buchstabe blendet einzeln ein und erzeugt einen sanften Enthüllungseffekt, der gewollt und nicht effekthascherisch wirkt.

Formulareingaben, verfeinert

Inputs und Textareas unterstützen jetzt mehrere Größen und eine neue ghost-Variante. Der Ghost-Stil nimmt visuelles Gewicht weg und lässt Inhalten Raum zum Atmen, während die volle Funktionalität erhalten bleibt. Perfekt für Inline-Bearbeitung oder minimalistische Benutzeroberflächen.

Was kommt als Nächstes

Bei Once UI 1.7 geht es nicht darum, mehr hinzuzufügen – es geht darum, Bestehendes besser zu machen. Leichtere Bundles. Flüssigere Interaktionen. Komponenten, die sich durchdacht anfühlen.
Alle Änderungen

Gemeinsam mit der Community entwickelt

Once UI 1.7 markiert einen Meilenstein: unser erstes echtes, von der Community getriebenes Release. Von Fehlerberichten bis hin zu Code-Beiträgen haben die Menschen, die Once UI täglich nutzen, dazu beigetragen, was daraus geworden ist. Vielen Dank an alle, die Code beigesteuert, Issues gemeldet oder Feedback geteilt haben. Dieses Release ist dank euch besser geworden.
shaayarJExcellencechanderluddivyanshudhruvhitomihiumibugsNburgers