Vision Board

The ultimate all-in-one portable UI Framework

Es braucht einen universellen UI-Standard. Komplex im Kern, einfach an der Oberfläche.

All-in-One

Eine Library, von simple bis komplex. Buttons, Kanban, Tabellen, Gantt & mehr. Alles, was du für mächtige Apps brauchst, in einem Paket.

Portable

Plattform-agnostisch. Egal ob Ninox, React oder No-Code Tools – deine Interface-Konfiguration funktioniert überall.

Customizable

Keine Grenzen. Passe jedes Detail per JSON an oder injiziere eigenen Code für spezielle Anforderungen. Bau es genau so, wie du es willst.

Dependency-Free

100% Handcrafted. Wir verlassen uns nicht auf Dritte. Keine aufgeblähten Wrapper, keine externen Risiken – nur purer, hochoptimierter Code aus einem Guss.

Philosphie

ArcWidgets verwendet einfaches, deklaratives JSON, um Ihre Schnittstellenstruktur zu definieren. Es ist leicht lesbar, perfekt für die KI-Generierung und vollständig portabel.

let data := {
		uniqueId: "KPI Bar",
		settings: {
			height: "",
			colorLabel: "",
			fontSizeLabel: "15",
			colorValue: "",
			fontSizeValue: "40px",
			backgroundColor: "",
			borderColor: ""
		},
		cards: [...]
	};
arcKPIBar(data)

Universal UI Language

Unsere JSON-Struktur liest sich wie natürliche Sprache, durch klare Attribute und intuitive Verschachtelung. Es ist der einfachste Weg, komplexe Interfaces zu beschreiben – ohne eine Programmiersprache lernen zu müssen.

Universal UI Language

Unsere JSON-Struktur liest sich wie natürliche Sprache, durch klare Attribute und intuitive Verschachtelung. Es ist der einfachste Weg, komplexe Interfaces zu beschreiben – ohne eine Programmiersprache lernen zu müssen.

Universal UI Language

Unsere JSON-Struktur liest sich wie natürliche Sprache, durch klare Attribute und intuitive Verschachtelung. Es ist der einfachste Weg, komplexe Interfaces zu beschreiben – ohne eine Programmiersprache lernen zu müssen.

AI-Native Standard

KI schreibt schlechten Code, aber perfektes JSON. ArcWidgets liefert das sichere Schema, das LLMs brauchen, um fehlerfreie UIs zu generieren. Kein Debuggen von halluziniertem React-Code mehr – einfach Prompt eingeben und fertiges Interface erhalten.

AI-Native Standard

KI schreibt schlechten Code, aber perfektes JSON. ArcWidgets liefert das sichere Schema, das LLMs brauchen, um fehlerfreie UIs zu generieren. Kein Debuggen von halluziniertem React-Code mehr – einfach Prompt eingeben und fertiges Interface erhalten.

AI-Native Standard

KI schreibt schlechten Code, aber perfektes JSON. ArcWidgets liefert das sichere Schema, das LLMs brauchen, um fehlerfreie UIs zu generieren. Kein Debuggen von halluziniertem React-Code mehr – einfach Prompt eingeben und fertiges Interface erhalten.

True Cross-Platform Portability

Deine UI ist nicht mehr an ein System gebunden. Egal ob Ninox, Airtable, React, Angular oder Odoo – da ArcWidgets auf standardisiertem JSON basiert, läuft deine Konfiguration überall identisch. Einmal bauen, in jedem Stack nutzen.

True Cross-Platform Portability

Deine UI ist nicht mehr an ein System gebunden. Egal ob Ninox, Airtable, React, Angular oder Odoo – da ArcWidgets auf standardisiertem JSON basiert, läuft deine Konfiguration überall identisch. Einmal bauen, in jedem Stack nutzen.

True Cross-Platform Portability

Deine UI ist nicht mehr an ein System gebunden. Egal ob Ninox, Airtable, React, Angular oder Odoo – da ArcWidgets auf standardisiertem JSON basiert, läuft deine Konfiguration überall identisch. Einmal bauen, in jedem Stack nutzen.

Weitere Details

Weitere Details

Weitere Details

Handcrafted.

Handcrafted.

Handcrafted.

Dependency-Free.

Dependency-Free.

Dependency-Free.

Maximum Efficiency.

Maximum Efficiency.

Maximum Efficiency.

Die Engine unter der Haube

O(1) Updates statt O(n) Diffing.

O(1) Updates statt O(n) Diffing.

Während herkömmliche Frameworks bei Datenänderungen ganze Komponenten-Bäume neu berechnen, nutzen wir Direct DOM Access.


Unsere Engine mappt Daten über Hash-Maps direkt auf DOM-Knoten (R-Points). Ändert sich ein Wert, greifen wir chirurgisch auf genau dieses Element zu und schreiben den Wert direkt in den Speicher – ganz ohne React Re-Render Cycles.

Das Ergebnis: Extrem performante Updates in Echtzeit, selbst bei komplexen Dashboards.

Während herkömmliche Frameworks bei Datenänderungen ganze Komponenten-Bäume neu berechnen, nutzen wir Direct DOM Access.


Unsere Engine mappt Daten über Hash-Maps direkt auf DOM-Knoten (R-Points). Ändert sich ein Wert, greifen wir chirurgisch auf genau dieses Element zu und schreiben den Wert direkt in den Speicher – ganz ohne React Re-Render Cycles.

Das Ergebnis: Extrem performante Updates in Echtzeit, selbst bei komplexen Dashboards.

The ultimate library

Über 25 Widgets und Mini-Widgets

Widgets

Mini-Widgets

Widgets

Widgets

Die Arc Widgets sind aktuell für Ninox optimiert. Wir arbeiten aktuell an der Refaktorisierung zur Nutzung in Umgebungen wie React oder anderen JS freundlichen Umgebungen.

Gantt

Daten im Zeitstrahl für eine bessere Übersicht & Planung.

Table

Erweiterte Möglichkeiten für die Darstellung deiner Ninox-Daten in Tabellenform.

Layout

Flexible Anordnung deiner Daten in individuellem Design.

33 %

33 %

56 %

KPI Bar

Übersichtliche Darstellung von Schlüsslkennzahlen (KPI's).

Menu

Effiziente Navigation zwischen deinen Ansichten.

Kanban

Optimierte Datenverwaltung mit dem Kanban. Organisiere Aufgaben oder Datensätze visuell in anpassbaren Swimlanes & Karten.

1

2

3

Steps

Strukturiere Prozesse und behalte den Fortschritt in einer einfachen Schritt-für-Schritt-Ansicht im Blick.

Grid

Präzise Datenorganisation & -ansicht durch flexible Rasteroptionen.

Widgets

Mini-Widgets

Widgets

Widgets

Die Arc Widgets sind aktuell für Ninox optimiert. Wir arbeiten aktuell an der Refaktorisierung zur Nutzung in Umgebungen wie React oder anderen JS freundlichen Umgebungen.

Gantt

Daten im Zeitstrahl für eine bessere Übersicht & Planung.

Table

Erweiterte Möglichkeiten für die Darstellung deiner Ninox-Daten in Tabellenform.

Layout

Flexible Anordnung deiner Daten in individuellem Design.

33 %

33 %

56 %

KPI Bar

Übersichtliche Darstellung von Schlüsslkennzahlen (KPI's).

Menu

Effiziente Navigation zwischen deinen Ansichten.

Kanban

Optimierte Datenverwaltung mit dem Kanban. Organisiere Aufgaben oder Datensätze visuell in anpassbaren Swimlanes & Karten.

1

2

3

Steps

Strukturiere Prozesse und behalte den Fortschritt in einer einfachen Schritt-für-Schritt-Ansicht im Blick.

Grid

Präzise Datenorganisation & -ansicht durch flexible Rasteroptionen.

Widgets

Mini-Widgets

Widgets

Widgets

Die Arc Widgets sind aktuell für Ninox optimiert. Wir arbeiten aktuell an der Refaktorisierung zur Nutzung in Umgebungen wie React oder anderen JS freundlichen Umgebungen.

Gantt

Daten im Zeitstrahl für eine bessere Übersicht & Planung.

Table

Erweiterte Möglichkeiten für die Darstellung deiner Ninox-Daten in Tabellenform.

Layout

Flexible Anordnung deiner Daten in individuellem Design.

33 %

33 %

56 %

KPI Bar

Übersichtliche Darstellung von Schlüsslkennzahlen (KPI's).

Menu

Effiziente Navigation zwischen deinen Ansichten.

Kanban

Optimierte Datenverwaltung mit dem Kanban. Organisiere Aufgaben oder Datensätze visuell in anpassbaren Swimlanes & Karten.

1

2

3

Steps

Strukturiere Prozesse und behalte den Fortschritt in einer einfachen Schritt-für-Schritt-Ansicht im Blick.

Grid

Präzise Datenorganisation & -ansicht durch flexible Rasteroptionen.

Dir fehlt etwas? Schreib uns gerne :)

Join the Mission

Wir bauen das Standard-Protokoll für portable Interfaces.

Das ist erst der Anfang. Wir suchen brillante Köpfe und strategisches Kapital, um diese Vision zu skalieren. Egal ob du entwickelst oder investierst – wenn du die Zukunft von UI mitgestalten willst, lass uns sprechen.