Zum Hauptinhalt überspringen
Universal CSS Infrastruktur

Lassen Sie jede SchnittstelleFertige Antworten

Gardener bringt grundlegendes CSS, interaktive Komponenten, Geschäftsrezepte, Desktop-Anpassung und maschinenlesbare Manifeste in ein System. Menschen können sich direkt entwickeln, und AI kann es genau auswählen und verwenden, ohne den Stil jedes Mal neu organisieren zu müssen.

Dokumentation lesen
  • Null Laufzeitabhängigkeiten
  • Neutraler Standard auf weißem Hintergrund
  • Kleines abgerundetes Ecksystem
  • Web- und Desktop-Sharing
Gärtner/Arbeitsplatz/ÜbersichtLive
Veröffentlichte Seite
2,480
+12.6%
Annahmequote der Komponenten
94%
Trend erzeugen
KI-Aufgaben
Zusammenstellung von Unternehmensstandorten
42Farbthema
506Registerkomponente
11,498Werkzeuge
52Maschinenlesbares Seitenrezept
Ein System, jede Oberfläche

Von einem Button zum Super CMS

Deckt grundlegende Atome, gemeinsame Komponenten, High-Density-Backend, mobiles Terminal, Content-Kommerzialisierung, AI Workspace und Desktop WebView ab. Der Standard ist ausreichend zurückgehalten und die Kombinationsfähigkeit ist breit genug.

01

Vollständige Basisschicht

Reset, Token, 24 / 12 Raster, Typografie, Abstand, Größe, logische Richtung, Farbe, Rahmen, Schatten, Status und fünfstufige responsive Tool-Klasse.

02

Lieferfertige Komponenten

Formulare, Navigation, Overlays, Daten, Medien, Business, Kommunikation, Recht, Workflow und Dashboard haben alle stabile Strukturen und staatliche Konventionen.

03

AI native Interaktion

Nachrichtenfluss, Denkprozess, Werkzeugaufruf, Genehmigungen, Agentenstatus, Zeitpläne, Referenzen, Artefakte, Modellauswahl und multimodale Generation.

04

Komplexe Geschäftsrezepte

Login, mobile Kategorien, CMS-Editor, Medienbibliothek, Posteingang, Dateiverwaltung, Formularerstellung, Speicherauflistungen, Abrechnung und Unternehmenseinstellungen.

05

Anpassung von Desktop-Anwendungen

Tauri und Electron teilen sich die Titelleiste, Fenstersteuerung, Aktivitätsleiste, Bearbeitungsbereich, Inspektor, Spalten und Statusleiste, und die Brückenschnittstelle bleibt sicher.

06

Die Umgebungsmatrix ist vollständig

Light, Dark, System, High Contrast, RTL, Reduced Motion, Forced Colors, Print, Mobile, Tablet und Desktop.

Offizielle Vue 3 Bindungen · 1.0.0 stabil

Die volle Power von CSS ist zur Vue API geworden

@gardener/vue Vollständige Zuordnung von 506 Komponenten und 66 DOM-Verhaltensweisen, Bereitstellung von Plug-Ins, typsicheren Komponenten, Direktiven, Composable, zehnachsigem Theme-Provider, V-Modell, SSR und Tauri/Electron-Anpassung. Jede CSS-Komponente hat ihre eigene G* Beim Exportieren kann AI Komponenten direkt auswählen, ohne Stile neu zusammenzusetzen.

506 Komponenten 538 Laufzeitexporte 29 Eingangspunkte 28 CSS-Pakete Vue 3.4+
Lesen Sie die Vue-Dokumentation Open Vue Projektbeschreibung
App.vueImport on demand · Vollständiger Typ 
<script setup lang="ts">
import { GButton, GCard, GardenerProvider } from "@gardener/vue";
import "@gardener/vue/style.css";
</script>

<template>
  <GardenerProvider theme="garden" mode="light" shape="subtle">
    <GCard>
      <GButton variant="primary">Speichern</GButton>
    </GCard>
  </GardenerProvider>
</template>
Offizielle React Bindungen · 1.0.0 Stabil

Derselbe CSS-Satz hat auch ein komplettes React-Komponentenmodell

@gardener/react Bildet 506 CSS-Komponenten und 66 DOM-Verhalten in eine typsichere React-API ab und bietet präzise native Elementtypen, zehnachsige Theme-Anbieter, kontrollierte und unkontrollierte Wertüberbrückung, Imperative Handles, 7 Hooks, SSR / Hydration und isolierte Tauri / Electron-Adaptionseingänge. Komponenten, Stile und maschinenlesbare Verzeichnisse pflegen eine Eins-zu-Eins-Korrespondenz.

506 Komponenten 538 Laufzeitexporte 29 Eingangspunkte 28 CSS-Pakete React 18.3-19.x
Lesen Sie die React-Dokumentation Open React Projektbeschreibung
App.tsxImport on demand · Vollständiger Typ 
import { GButton, GCard, GardenerProvider } from "@gardener/react";
import "@gardener/react/style.css";

export function App() {
  return (
    <GardenerProvider theme="garden" mode="light" shape="subtle">
      <GCard>
        <GButton variant="primary">Speichern</GButton>
      </GCard>
    </GardenerProvider>
  );
}
Offizielle AngularJS-Bindungen · 1.0.0 Stable

Lassen Sie große AngularJS-Altsysteme weiterhin die vollständige Gardener-API verwenden

@gardener/angularjs Karten 506 CSS Komponenten und 66 DOM Verhaltensweisen in AngularJS Element / Attribut Direktiven, Bereitstellung von Modul Fabrik, strenge Komponenten-Subsetting, native ngModel, Zehn-Achsen-Thema, 3 injizierbare Dienste, dynamische Lebenszyklus und isoliert Tauri / Electron Eintrag. Es zielt auf Aktienprodukte ab, die AngularJS 1.8.x beibehalten müssen, und legt die EOL-Sicherheitsgrenzen des Frameworks explizit offen.

506 Richtlinien 535 Laufzeitexporte 29 Eingangspunkte 28 CSS-Pakete AngularJS 1.8.2–1.8.3
Lesen Sie die AngularJS Dokumentation Open AngularJS Projektbeschreibung
app.jsModul Fabrik · ngModel · Vollständiger Typ 
import "angular/angular.js";
import { createGardenerAngularJS } from "@gardener/angularjs";
import "@gardener/angularjs/style.css";

const gardener = createGardenerAngularJS(window.angular, {
  components: ["button", "input", "card"],
});

window.angular.module("app", [gardener]);

// <button g-button gardener-variant="primary">Speichern</button>
// <input g-input ng-model="vm.keyword">
Official Blazor RCL · 1.0.0 stabil

Vom statischen SSR zum Desktop WebView mit dem gleichen Satz von Razor-Komponenten

Gardener.Blazor Ordnen Sie der stark typisierten Razor-API 506 CSS-/Hybridkomponenten, 66 DOM-Verhaltensweisen und 75 Ereignisse zu. Stabile Verpackung mit net10.0 ist die verifizierte Basislinie net11.0 Verbrauch, der Blazor Web App-, WebAssembly-, Hybrid-, Tauri- und Electron-Szenarien abdeckt und SSR-, Forms-, Accessibility- und Zehn-Achsen-Themenverträge beibehält.

506 Komponenten 66 Verhaltensweisen 75 Veranstaltungen 43 statische Vermögenswerte .NET 10/11
Lesen Sie die Blazor-Dokumentation Open Blazor Projektbeschreibung
Dashboard.razorRCL · SSR · Stark getippte Ereignisse 
@using Gardener.Blazor.Components

<GardenerProvider Theme="garden" Mode="light"
                   Shape="small" Platform="desktop">
  <GAppShell>
    <GSidebar>Navigation</GSidebar>
    <GMainRegion>
      <GButton Variant="primary" @onclick="Save">
        Speichern
      </GButton>
    </GMainRegion>
  </GAppShell>
</GardenerProvider>
24 / 12 responsive grid

Präzise Spalteneinteilung, keine temporäre Berechnung mehr

24-Grid deckt Enterprise Backend, CMS und komplexe Formulare ab, und 12-Grid ist mit traditionellen Designentwürfen kompatibel. Es gibt stabile Schnittstellen für Spaltenbreite, Offset, Reihenfolge, Gitterlinien, Abstand, Containerabfragen, RTL und Drucken.

START6 / 24Navigation und Filterung
MAIN12 / 24Hauptinhaltsbereich
END6 / 24Inspektoren und Aktionen
OFFSET4 + 16 + 4Mittelform oder Lesebereich
Fünf Levels of Viewport Response + drei Levels of Container Response480 / 768 / 1024 / 1280 / 1536px · CQ 480 / 768 / 1024px
Vollständiges Rasterdokument anzeigen
16 Regionenlayoutmuster

Traditionelles Seitenskelett, auch mit stabilem Interface

Von den oberen und unteren Hauptbereichen können linke und rechte Spalten bis hin zu Heiligem Gral, Master / Detail, Dock, einstellbare Spalten und Vollbild-Arbeitsbereich, Web, mobile Terminals und Tauri / Electron direkt ausgewählt werden, ohne dass Sie vorübergehend Seitenlayout-CSS schreiben müssen.

TOPSymbolleiste
MAINArbeitsbereich
BOTTOMStatus
Top / Main / BottomAnfang/Main/EndeHeiliger GralMaster/DetailListe/Detail/InspektorFixed HeaderFeste SeitenleisteSticky AsideSticky FooterDockSplit ViewVollbildMobile Safe AreaDesktop ShellContainer QueryRTL/Druck
16 Arten von fertigem Skelett + einheitliche FlächenteileViewport Responsiveness · Container Responsiveness · Logical Direction · Print Flattening · Desktop Workbench
Vollzonenlayout-Dokumentation anzeigen
22 klassische Layout-Primitive

Lassen Sie den Raum das Layout bestimmen, lassen Sie keine Haltepunkte das Layout erraten

Klassische Muster wie Stack, Cluster, Sidebar, Switcher, Reel, Media Object, Masonry und Bento wurden zu intrinsischen Reaktionsschnittstellen verfestigt. AI muss nur die Absicht und ein paar Variablen auswählen, keine Notwendigkeit, Flex-, Grid-, Overflow- und Safe-Area-Regeln neu zu erfinden.

STACK
BENTOFeatured
TALL
TILE
TILE
ClusterWrapTags
Abstoßung
M
Media ObjectMedien · Körper
→
StapelClusterZentrumSeitenleisteSwitcherDeckungReelRahmenMedia ObjectAuto FitAutofüllungBlutungenAbstoßungBetrügerOverlayMauerwerkBentoAspektverhältnisScroll AreaScroll SnapSafe AreaSticky Region
22 stabile Primitive + null JavaScript LayoutIntrinsische Antwort · Containerabfrage · RTL · Safe Area · Reduzierte Bewegung · Druck
Vollständige primitive Dokumentation ansehen
23 Seitenebenenmuster

Seitenstruktur, direkt in den Lieferzustand eingeben

Vereinheitlichen Sie den Seitenkopf, die Symbolleiste, die Befehlsleiste, die Filter- und Batch-Operationen und bereiten Sie den Lade-, Leer-, Fehler-, 403, 404, 500-, Offline- und Wartungsstatus vollständig vor. AI-generierte Seiten sind nicht mehr nur „normale Daten.

Content Workspace

Seitenmanagement

Verwalten Sie Inhalte, Status und Veröffentlichungszeiten.

Zuletzt aktualisiert: Just nowSynchronisiert
12 Seiten
Status: AlleSprache: Chinesisch
Zeigt derzeit Inhalte der Produktionsumgebung an
3 ausgewählte Artikel
∅
Leer

Es gibt auch klare nächste Schritte für die erste Verwendung.

404
Nicht gefunden

Stabiles Fallback für ungültige Links.

⌁
Offline

Der Datensicherheitsstatus wird immer noch mitgeteilt, wenn das Netzwerk getrennt ist.

VerbundenGardener Page Contract
Page HeaderAbschnittsüberschriftUnterüberschriftSymbolleisteAktionsleisteStatusleisteKommandoleisteKontext BarFilterbarBulk Action BarFußleisteFloating Action BarZurück nach obenTeiler mit TextSticky AktionenSeitenladungSeite leerSeitenfehler403404500OfflineInstandhaltung
23 vollständige Seitenzustände und gemeinsame StrukturenContainer Query · Sticky · Safe Area · RTL · Runtime · Print
Ganzseitendokumentation der Komponenten anzeigen
28 Hilfe- und Orientierungsmuster

Von einem TIP zu einem vollständigen Hilfe-Closed Loop

Tooltip, Popover, Callout, FAQ, Help Center, Tour, Spotlight, neue Feature-Tipps, Fehlersuche und Feedback verwenden alle stabile Schnittstellen. Wenn Benutzer an irgendeinem Ende auf Fragen stoßen, haben sie angemessene und konsistente Ausdrücke.

Verwenden Sie die Vorschauumgebung, um den Inhalt vor der Veröffentlichung in der Produktionsumgebung zu bestätigen.

  • Offene Hilfe?
  • KommandotafelSTRG+K
TippInline HintHilfe TextHelfen Sie TriggerTooltipRich TooltipHelfen PopoverDefinitionCalloutAnmerkungDo / Don'tKey HintShortcut ListHilfekarteHelp PanelHelp CenterHelfen ThemenFAQKontextuelle HilfeCoach MarkFührungSpotlightHotspotFeature HintWas ist neuHilfe ChecklisteFehlerbehebungHilfe Feedback
28 Aufforderungen, Anleitung und UnterstützungsmodiKollisionsbewusstsein · Tastatur · Fokuswiederherstellung · RTL · Reduzierte Bewegung · Druck
Vollständige Hilfesystemdokumentation anzeigen
37 traditionelle Formenkompositionen

Formulare beginnen nicht mehr mit einer Reihe von Eingaben

Felder, Partitionen, Horizontales und Inline-Layout, Suche / Passwort / Zähler, Gruppen auswählen, Validierung, Name / Adresse / Menge, Bedingungen und Wiederholbarkeiten, Überprüfung und Einreichen von Aktionen werden alle kombiniert. AI muss nur die Geschäftsabsicht auswählen und muss das Formular CSS nicht immer wieder organisieren.

Unternehmensinformationen

Für Website-Anzeige und Service-Benachrichtigungen.

Gerettet
erforderlich
Releaseplan
FormularForm SectionFeldFeldsatzFormularreiheFormgitterHorizontalformInline FormKompaktformularInputgruppeEingabe-FixSuchfeldPasswortfeldFreifeldZeichenzählerValidierungsstaatValidierungszusammenfassungCheckbox GruppeRadiogruppeSchaltreiheChoice CardsName GroupAdressgruppeTelefongruppeGeldgruppeDatumsbereichZeitbereichEinheitenfeldBereichsfeldDateifeldWiederholbares FeldBedingtes FeldForm KlagenAutosave StatusForm ProgressForm ReviewConsent Group
37 traditionelle Formstrukturen + 5 Arten von interaktiven VerhaltensweisenContainer Query · Validation · Business Groups · RTL · Safe Area · Print
Vollformular-Kombinationsdokumentation anzeigen
Kategorie 08 · Datenanzeige & Operationen

Daten müssen nicht nur angezeigt werden, sondern sofort verfügbar sein

48 Datenarten, die Tabellen, Aufzeichnungen, Listen, Hierarchien, Indikatoren, Pläne, Karten und Operationen umfassen. Es gibt eine einheitliche Laufzeit zum Sortieren, Auswählen, Erweitern, Spaltenmanagement, Filtern und Anzeigenwechseln.

Kundenumsatz¥ 286K
128Aktiv
6Risiko
Kundendaten3 Positionen insgesamt
Status Betrieb
Galaxy Technologie Aktiv ¥128,000
Yuanshan Design Nachzuverfolgen ¥86,000 Ansicht
Linhai Bildung Risiko ¥42,000 Ansicht
TabelleAntworttabelleDatengitterTeilbares GitterBaumtischGruppierte TabelleErweiterbare TabelleVergleichPivotBeschreibungslisteSchlüsselwertRecord DetailListengruppeMedienlisteDichte ListeVirtuelle ListeBaumTimelineTätigkeitsfeedAudit LogKPIStat ListMetrikkarteSparklineFortschrittsstatistikenChartLegendeRankingStatuszusammenfassungKalenderAgendaKanbanGanttOrg ChartKarteMatrixHeatmapDatensymbolleisteSpaltenauswahlGespeicherte AnsichtenExport PanelDatenzustandView SwitcherZusammenfassung der AuswahlDichteFilterzusammenfassungSort BuilderDateninspektor
48 Datenanzeige- und Betriebsmodi + 8 Arten von WiederverwendungsinteraktionenTabelle · Datensatz · Metrisch · Planung · Räumlich · Tastatur · RTL · Druck
Vollständiges Datenkombinationsdokument anzeigen
32 Auswahl- und Batchmuster

Von der Auswahl eines Elements zur Verarbeitung von 100.000 Datensätzen

Wählen Sie alle, invertierte Auswahl, Bereichsauswahl, Batch-Symbolleiste, Transfer, Baum- und Kaskadenauswahl, Personen / Organisation / Ressource / Medienauswahl, Datumszeitbereich, Speicherkonfiguration und Sortieren / Gruppenersteller haben alle stabile Schnittstellen. KI muss keine komplexen Backend-Auswahlprozesse improvisieren.

Seite
AuswahlkontrolleAlle auswählenInvertBereichBatch ToolbarAuswahlumfangÜbertragungDual ListTree SelectCascaderErwähnen PickerUser PickerOrganisation PickerResource PickerMedia PickerIcon PickerFarbwählerDatumsbereichZeitbereichGespeicherte FilterGespeicherte AnsichtenSpaltenauswahlSort BuilderGroup BuilderEntity PickerTag PickerRelation PickerMassenbestätigungMassenfortschrittPicker PanelPicker ZusammenfassungZusammenfassung der Auswahl
32 Auswahlen interagieren mit Batch-Modus + 7 Multiplex-KategorienMulti-Select · Hierarchie · Search · Safe Area · Keyboard · RTL · Print
Vollständige Komponentendokumentation anzeigen
Kategorie 10 · Datei- und Inhaltssystem

Vom Hochladen einer Datei bis zum Abschluss der gesamten Inhaltsproduktion

Laden Sie Warteschlangen, Dateibrowsing, Medienbibliothek, Bildverarbeitung, Dokument / PDF / Audio- und Videoanzeige, Code- und Rich-Textbearbeitung, Markdown, Blöcke, Revisionen, Kommentare und automatisches Speichern alle haben vorgefertigte Strukturen.

Content UploadVollständig 0 · Verarbeitung 0
PDFCorporate Brand Manual.pdf4,8 MB
JPGHomepage cover.jpg880 KB
Markeninformationen
PDF
Brand Manual.pdf4,8 MB
IMG
Homepage cover.jpg880 KB
0 ErgebnisseAusgewählt:Nicht ausgewählt
File DropDateilisteUpload QueueChunk UploadFortschritt hochladenFehlgeschlagenes HochladenDateikarteOrdnerbaumDatei BrowserDateivorschauMedienbibliothekMedia GridMedia DetailsImage CropBildannotationDocument ViewerPDF ViewerVideo PlayerAudio PlayerCode EditorRich Text EditorMarkdown EditorBlock EditorRevision vergleichenAutosaveInhaltsbeschreibungEditor ToolbarFinden und ErsetzenKommentar ThreadVersionsgeschichteDateieigenschaftenSpeichergerät
32 Datei- und Inhaltsmodi + 6 Arten von WiederverwendungsinteraktionenUpload · Browser · Editor · Revision · Tastatur · RTL · Print
Vollinhalts-Systemdokumentation anzeigen
Kategorie 11 · Identitätslebenszyklus

Vom ersten Login bis zu jedem Security Audit

Login, Registrierung, Verifizierung, MFA, Passkey, SSO, QR-Code, Einladung, Konto- und Mandantenauswahl, Sperrbildschirm, Sitzungswiederherstellung, Geräteverwaltung und Sicherheitsereignisse wurden zu einer stabilen Seitenstruktur kombiniert, die für Websites, mobile Terminals, Dashboard und Tauri / Electron geeignet ist.

Überprüfung von Mobiltelefonen

Geben Sie den Bestätigungscode an +86 138****6608 ein

!
Neues Gerät entdeckt

Linux · Firefox, gestartet von Peking.

zentriert AuthSplit AuthAnmeldenRegistrierungPasswortwiederherstellungPasswort-ResetE-Mail-VerifizierungTelefon VerifizierungMFAOTPPasskeySSOQR LoginMagic LinkEinladungErstes SetupBildschirm sperrenSitzung abgelaufenKontowählerMieterwählerIdentitätsschalterProfilaufbauKontosicherheitGeräteAnmeldeaktivitätSicherheitsalarmWiedereinziehungscodesVertrauenswürdiges GerätVerbundene KontenPasswortstärkeZustimmungAuth Ergebnis
32 Anmelde- und Kontomodi + 8 Arten von WiederverwendungsinteraktionenPasswort · OTP · MFA · Passkey · SSO · Sitzung · Identität · Sicherheit
Vollständige Kontosystemdokumente anzeigen
Kategorie 12 · Handel & Zahlung

Vom Sehen des Produkts bis zum Abschluss der Transaktion und Rückerstattung

Produktkarte, Details, SKU, Warenkorb, Kasse, Adresse, Versand, Angebot, Rechnung, Zahlung, Bestellung, Abonnement, Nutzung, Abrechnung und Rückerstattung sind zu stabilen Strukturen geworden. Geeignet für E-Commerce, digitale Waren, SaaS, Unternehmensbeschaffung, CMS-Kommerzialisierung und Desktop-Clients.

Enterprise EditionGardener Studio
Permanente Lizenz · Drei Terminals verfügbar

Studio Business Suite

¥699¥899-22%
Plattform
G
Studio Business SuiteWindows · Unternehmenslizenzierung
¥699.00
Produkt
Rabatt
Lieferung
Cope
ProduktkarteProduktlisteProduktdetailProduktgalerieSKU SelectorMengenschrittPreisanzeigeWarenkorbartikelWarenkorbMini CartWarenkorbzusammenfassungCheckoutCheckout SchritteAdressenauswahlAdresskarteVersandverfahrenPickup SelectorCouponPromotion ListRechnungsinformationenZahlungsmethodeZahlungsblattZahlungsergebnisBestellzusammenfassungBestellzeitleisteBestelldetailAbonnementplanPreisvergleichNutzungsmesserAbrechnung GeschichteRückerstattungsstatusSteuerzusammenfassung
32 Geschäfts- und Zahlungsmodelle + 7 Arten von WiederverwendungsinteraktionenKatalog · Warenkorb · Checkout · Erfüllung · Zahlung · Bestellung · Abrechnung
Vollständige Geschäfts- und Zahlungsdokumente anzeigen
Kategorie 13 · Mobilgeräte

Kein kleinerer Desktop, sondern eine vollständige mobile App-Schicht

Safe area, dynamic viewport, top bar, bottom navigation, bottom/Action/Filter Sheet, pull-to-refresh, infinite loading, slide operation, wheel selection, keyboard avoidance, mobile authentication and settlement, rights and offline status have stable contracts and can be used direct for mobile web pages, PWA and Tauri/Electron mobile WebView.

Content Center

Sichere Zone ist bereit

Notch und Home Indicator automatischer Schutz.

Geeignet für WebView

PWA, Tauri und Electron teilen sich die Struktur.

G
Mobile Content Streaming

Stabile Medien, Körper- und Schwanz-Action-Slots.

Safe Area ShellTop App BarBottom NavigationUnterblattAktionsblattZiehen Sie zum ErfrischenUnendliche LastSwipe AktionenSwipe TabsMobile KategorieMobile FilterSticky Purchase BarMobile SucheMobile PickerWheel PickerFloating Action ButtonVollbild-DialogKeyboard VermeidungGeste HintOffline-BannerSegmentierte SteuerungMobile FeedKarussellkartenMobilformularMobile AuthMobile CheckoutMedia ViewerKeyboard ToolbarAuswahlmodusSnackbarPermission PromptEmpty/Error State
32 mobilspezifische Modi + 14 Arten von WiederverwendungsinteraktionenSafe Area · Touch · Sheets · Geste · Keyboard · PWA · WebView
Vollständige mobile Dokumentation ansehen
Kategorie 14 · Desktop spezifisch

Verwandeln Sie Web-Technologie in einen kompletten Desktop-Arbeitsbereich

Native Titelleisten, Fenstertasten, Menüs und Aktivitätsleisten sind nur der Ausgangspunkt; Dokumentbeschriftungen, einstellbare Spalten, Dock, Inspektor, Befehlsfeld, Dateiauswahl, Tray, Multi-Fenster, Hintergrundaufgaben, Updates, Berechtigungen und Crash Recovery wurden alle stabil kombiniert und können direkt in Tauri und Electron implementiert werden.

Gardener Studio — Content Space
Synchronisieren
Desktop CMS

Für Arbeitsbereiche mit hoher Dichte ist keine Wiedermontage erforderlich

Windows Chrome, Navigation, Bearbeitungsbereich, Statusbereich und Hostbrücke haben jeweils unabhängige Verträge.

Haupt✓ 0 Fehler
UTF-8
Native TitlebarFenstersteuerungMenü BarAktivitätsleisteDock PanelResizable Split PaneInspektorStatusleisteKommandopaletteShortcut RecorderKontextmenüUnsaved TabsDrag RegionFensterladungUpdate verfügbarGenehmigungsantragNative File PickerTray MenuMehrfensterDesktop WorkspaceFensterschalterAktuelle DokumenteDesktop ToolbarBodenplatteHintergrundaufgabenNotification CenterSync StatusFortschritt aktualisierenCrash RecoveryEinzelinstanzDeep LinkÜber Dialog
32 Desktop-spezifische Modi + 11 Arten von wiederverwendbaren InteraktionenTauri · Electron · Fenster Chrome · Arbeitsbereich · Native Bridge · Lebenszyklus
Vollständige Desktop-Dokumentation anzeigen
Kategorie 15 · AI native

KI-Interaktion ist keine Chatbox

Zusätzlich zu Dialog-, Composer- und Streaming-Antworten sind auch eine Zusammenfassung der Argumentation, Tool-Aufruf und -Genehmigung, Multiagenten-Orchestrierung, Quellenzitat, Artefakt, Kontextspeicher, Token / Gebühr, Stimme, Berechtigungen, Datenschutz, Sicherheitsüberprüfung und Feedback-Bewertung erforderlich. Gardener macht die gesamte KI-Aufgabenkette in 32 Modi, die direkt wiederverwendet werden können.

Kontext 38%
Generieren Sie Enterprise Portal Home Page für Super CMS.
G
Gardener AgentArbeiten

Enterprise Portal Rezept ausgewählt, Komponenten und Berechtigungen prüfend.

Matching Dashboard, CMS, Berechtigungen und Desktop-Arbeitsbereiche.
Erlauben Sie das Schreiben in die Seitenvorlage?

Ändern Sie nur das generierte Verzeichnis des aktuellen Projekts.

AI WorkspaceGesprächslisteChat ThreadAI NachrichtPrompt ComposerAnlagePrompt StarterPrompt LibraryErwähnen / Slash MenuModellauswahlDenkenStreaming AntwortTool CallWerkzeugzulassungAgent StatusAgentenplanMulti-Agent BoardAgent HandoffQuellen / ZitateArtefakt WorkspaceArtefakttafelAI File TreeVersionsgeschichteGeneration GalleryGeneration PlatzhalterKontext/ErinnerungKosten-/RatenbegrenzungVoice SessionUmfang der GenehmigungDatenschutzerklärungSicherheitshinweisFeedback/Bewertung
32 native AI-Modi + 9 LaufzeittypenChat · Multimodal · Tools · Agenten · Artefakte · Kontext · Sicherheit · Bewertung
Vollständige AI-Komponentendokumentation anzeigen
Kategorie 16 · Komplettlösungen

Gehen Sie von der Komponentenbibliothek zur vollständigen Seite, die direkt generiert werden kann

Kategorie 16 verfestigt öffentliche Websites, persönliche Inhalte, Unternehmens-Backends, Business Workbench und vertikale Industrieportale in 32 ganzseitigen Verträgen. AI wählt zuerst den Seitentyp aus und füllt dann Geschäftskomponenten und Inhalte aus. Es erfindet nicht mehr vorübergehend Header, Navigation, Hauptbereich, Seitenbereich und mobile Klappregeln.

Unternehmensübersicht

Super CMS Operation Überblick

Derselbe ganzseitige Vertrag kann geschäftliche, persönliche, medizinische, finanzielle oder öffentlich-rechtliche Themen wechseln.

Veröffentlichte Website28,640↑ 12.4%
Seitenvorlage486k32 ganzseitige Einträge
Ausstehende Überprüfung138Benötigt Verarbeitung
Trends bei der VorlagenerzeugungLetzte 30 Tage
ProduktlandungCorporate HomePersönliches ZuhausePortfolioBlog-IndexArtikelDocs PortalHelp CenterSuchergebnisseKontaktPreisgestaltungDashboardAdminlisteRecord DetailEinstellungenBenutzerzentrumMitteilungenOnboardingCRMProject WorkspaceSupport CenterGenehmigungszentrumWissensbasisLernportalVeranstaltungsportalBuchungsportalGesundheitswesenFinanzenÖffentlicher DienstMarktplatzGemeinschaftStatus Center
32 ganzseitige Modi + 52 maschinenlesbare RezeptePersönlich · Unternehmen · Inhalt · Betrieb · Industrie · Plattformübergreifend
Vollständiges Lösungsdokument anzeigen
42 Farbthemen

Ändern Sie die Marke, aber nicht die Komponenten

Farbthemen werden orthogonal mit Neutralen, Schriftarten, Formen, Dichten, Ebenen, Animationen, Plattformen und Betriebssystemen kombiniert. Die Weiß- und Lichtschnittstelle wird hier immer beibehalten und nur die Hauptmarkenfarbe wird gewechselt.

Aktuelles ThemaGarten
Primär

Klar, ohne übermäßig dekorativ zu sein

Buttons, Links, Fokus und ausgewählte Zustände folgen automatisch dem Thema.

Tastatur bedienbar; jedes Thema bietet volle 50-950 Farbabstufungen und unabhängig lesbare Vordergrundfarben.

Vorhersagbares Authoring · Stabil 1.0.0

HTML ist die Schnittstelle

vereinheitlicht g- Präfixe, stabile Komponentenbenennung und deklarativ data-g-* Verhaltensweisen, die sowohl Menschen als auch KI schnell verstehen können.

  • Import nach LagenCore/Themes/Utilities/Components/AI
  • Deklarative LaufzeitAutomatische Initialisierung und dynamische DOM-Beobachtung
  • MaschinenlesbarÖffentliche API, Komponenten, Werkzeugklassen, Rezepte und Fähigkeitenliste
  • Strenge ÜberprüfungElf Sätze geschlossener Schemata, 48 Standardschema-Anwendungsfälle, 10 Build-spezifische Anwendungsfälle, 66 Laufzeiteinheitstests, 125 echte Browser-Anwendungsfälle und 24 strukturelle Anwendungsfälle
Öffentlichen API-Vertrag ansehen
index.html 
<html data-g-theme="garden" data-g-mode="light">
  <link rel="stylesheet" href="gardener.css">

  <main class="g-dashboard">
    <article class="g-card g-p-5">...</article>
  </main>

  <script type="module" src="gardener.runtime.js"></script>
</html>
Release-ready delivery · 1.0.0

Nur die Plattformen und Komponenten liefern, die wirklich für die aktuelle Seite benötigt werden

5 Plattformdateien, 28 stabile Komponentenpakete und 506 Komponentenbesitz-Mappings ermöglichen es Entwicklern und KI, offizielle Produkte direkt auszuwählen, ohne CSS vorübergehend zu zerlegen. Syntax-Level-Komprimierung, Source Map, SHA-256/SRI-Integrität, reproduzierbare Builds, TypeScript-Typisierung, Cross-Version-Kompatibilitäts-Baselines und Release-Paket-Gating werden mit dem Build geliefert.

5

Plattformdatei

Web, Mobile, Desktop, Tauri und Electron behalten automatisch entsprechende Endfunktionen.

28

Komponentenpaket

Layout, Formulare, Navigation, Daten, Inhalte, Konten, Commerce, Mobile, Desktop und AI können alle unabhängig voneinander eingeführt werden.

506

Komponentenbesitz

Jede öffentliche Komponente löst sich zum Gesamtpaket auf, zu dem sie gehört, mit expliziten Einschlüssen.

42

Doppelproduktbudget

Die absolute Obergrenze für Roh-, Gzip-, Brotli- und das 0,9,0-Basiswachstum wird die Veröffentlichung blockieren, wenn eine den Grenzwert überschreitet.

1,145

Kompatible Baseline

Einträge, Themes, Laufzeiten, Komponenten und Rezepte können nur hinzugefügt werden; Löschungen müssen zuerst die Veralterungszeit von mindestens zwei kleineren Versionen durchlaufen.

npm run build:platform -- --platform mobile --out dist/custom/mobile-app
npm run build:custom -- --components button,card,dialog --out dist/custom/account-ui
npm run verify:reproducible
npm run verify:compatibility
npm run test:types
npm run verify:package
npm run budget
View On-Demand Builds vs. Performance Budgets
Vertrauen freigeben · 1.0.0

Jede Seite muss der realen Umgebung standhalten

Führt standardmäßig 125 echte Browser-Anwendungsfälle und 24 HTML-Struktur-Anwendungsfälle aus; die vollständige Konfiguration umfasst Desktop-Drei-Engines, Android / iPhone-Geräteporträts und WCAG-Automatikprüfungen.

WEB

Desktop Multi-Browser

Chromium und WebKit geben die Standardzugriffskontrolle ein; Firefox bietet eine unabhängige und dreimotorige vollständige Zugriffskontrolle.

MOB

Mobilgerät

Pixel 7 und iPhone 13 sind vollständig mit 21 Samples und Home zwei Seiten abgedeckt und überprüfen 320px schmalen Bildschirm, Landschaftsbildschirm, Reflow und 44px Touch-Ziel.

A11Y

Zugänglichkeit

Axe WCAG 2 A / AA Alle automatischen Verletzung Nullen und deckt Tastatur und Fokus Wiederherstellung, RTL, reduzierte Bewegung, erzwungene Farben.

DOM

Strukturelle Integrität

Alle 21 Beispiele, Home Landing Page und Document Check Parsing, ID, ARIA Referenz, Titel und Viewport.

Ansicht 1.0.0 Testmatrix
Alle Endpunkte

Die gleiche Sprache deckt alle Terminals ab

Die Seitenstruktur, Theme-Token und Interaktionssemantik sind konsistent, und nur notwendige Dichte-, Fenster- und Safe-Zone-Adaptionen werden an jedem Ende hinzugefügt.

WEB

PC-Website

Unternehmenswebsite, Portal, Content-Website, E-Commerce und SaaS.

MOB

Mobiles Web/PWA

Sicherer Bereich, Berührungsdichte, untere Navigation und Kategorieseite.

OPS

Dashboard

Hochdichte Daten, Tabellen, Filter und mehrspaltige Anwendungen.

DSK

Tauri/Electron

Desktop-Titelleiste, Fensterbrücke und Workbench-Layout.

AI

AI-Produkte

Streaming von Nachrichten, Tools, Agenten, Artefakten und Build-Zuständen.

Wiederverwendbare Rezepte

Hochfrequenzseiten müssen nicht neu zusammengesetzt werden

Komplexe, aber stark wiederverwendbare Seiten wurden zu Rezepten zusammengefasst. KI sollte zuerst Rezepte auswählen und dann begrenzte Anpassungen mithilfe von Komponenten und Werkzeugklassen vornehmen.

Gebaut für AI Authorship

Lass AI wählen, lass AI nicht raten

Die Fünf-Kategorie-Liste der Public API, Komponenten, Tool-Klassen, Rezepte und Branchenfähigkeiten zeigt die erlaubten Namen, Eingänge, Plattformen, Status und Antwortbedingungen in strukturierter Weise. Der Seitengenerierungsprozess kann eingeschränkt, verifiziert und reproduziert werden.

01/INTENT

Identifizierung der Seitenabsicht

Endtyp, Geschäftskategorie, Dichte, Inhaltsvolumen und Interaktionskomplexität.

02/Rezept

Priorisieren Sie die Rezeptauswahl

Wählen Sie das nächstgelegene Seitenskelett aus 52 fertigen Strukturen.

03/BEHÖRDE

Kombination von Komponenten und Werkzeugen

Verwenden Sie nur öffentliche APIs und Klassen und Verhaltensweisen, die tatsächlich im Manifest vorhanden sind.

04/VALIDAT

Vertrag und Umgebung überprüfen

Pass Schema, Tastatur, Zugänglichkeit, RTL, Druck und Antwort-Endpunktprüfungen.

Beginnen Sie mit einem vollständigen System.

Hört auf, die Infrastruktur für die nächste Seite neu zu erfinden.

Vollständiges Dokument öffnenEinzelbeispiele ansehen