Kern-KonzeptEine Wahrheit: Manifest & Registry Definition ≠ Instanz Framework vs. Konsumenten Das Ebenen-Modell Targets & Render-Backends Sicherheitsmodell Streng bauen, tolerant rendern

Die SchichtenDer Katalog Foundations: Design-Tokens Das Raster (12 Spalten)Layouts (layout.*)UI Elements (ui.*)Components (component.*)Blocks (section.*)Templates (template.*)Surfaces — die Konsumenten-Ebene

FunktionsweiseRendering-Pipeline Runtime, Events & Actions Responsive: drei Ebenen

LayoutsLayout5

UI ElementsAI1 Aktionen3 Commerce4 Formulare8 Inhalt16 Status7

ComponentsAI17 Aktionen2 Commerce4 Daten14 Desktop2 Formulare13 Inhalt11 Navigation13 Overlay7 Status5

BlocksCommerce2 Einstieg4 Inhalt7 Konversion4 Struktur3 Vertrauen6

TemplatesApplication2 Commerce2 E-Mail1 Website1

Invisible Docs

Esc

EinstiegWas ist Invisible?Die zwei Türen: wie wird es genutzt?Der Einführungs-FahrplanKern-KonzeptEine Wahrheit: Manifest & RegistryFramework vs. KonsumentenDas Ebenen-ModellTargets & Render-BackendsSicherheitsmodellDie SchichtenFoundations: Design-TokensDas Raster (12 Spalten)Components (component.*)Surfaces — die Konsumenten-EbeneFunktionsweiseRendering-PipelineRuntime, Events & ActionsResponsive: drei EbenenKatalog-KategorienKatalog: LayoutsKatalog: UI ElementsKatalog: ComponentsKatalog: BlocksKatalog: TemplatesKeine Treffer

Galerie Tokens

Dokumentation UI-Kit-Galerie Token-Browser Release (ZIP)

EinstiegWas ist Invisible?Die zwei Türen: wie wird es genutzt?Der Einführungs-Fahrplan

Kern-KonzeptEine Wahrheit: Manifest & Registry Definition ≠ Instanz Framework vs. Konsumenten Das Ebenen-Modell Targets & Render-Backends Sicherheitsmodell Streng bauen, tolerant rendern

FunktionsweiseRendering-Pipeline Runtime, Events & Actions Responsive: drei Ebenen

LayoutsLayout5

UI ElementsAI1 Aktionen3 Commerce4 Formulare8 Inhalt16 Status7

ComponentsAI17 Aktionen2 Commerce4 Daten14 Desktop2 Formulare13 Inhalt11 Navigation13 Overlay7 Status5

BlocksCommerce2 Einstieg4 Inhalt7 Konversion4 Struktur3 Vertrauen6

TemplatesApplication2 Commerce2 E-Mail1 Website1

Raster: Haupt + Seitenspalte — section.grid-two-column

Standard-Aufteilung 8/4 ab md, darunter gestapelt. Zeigt zugleich, wie die Spannweite am Kind gesetzt wird.

Blockv1.0.1Strukturweb.document

Beispiele

Standard (wie eingefroren)

Hauptbereich — acht Zwölftel ab md, darunter volle Breite.

Seitenspalte — vier Zwölftel ab md.

ZurückDer Katalog als Baum ReferenzAlt-Galerie-Ansicht

Auf dieser Seite

Beispiele

Invisible Minidocs — ein eigener Konsument über Tür 1: Inhalte als PHP-Daten, Oberfläche aus Framework-Bausteinen, null eigenes CSS. Layout-Vorbild: Tailwind Plus „Syntax".