Vision Board

The ultimate all-in-one portable UI Framework

There has to be a universal UI standard.
Complex in the core, simple on the surface.

All-in-One

A library, from simple to complex. Buttons, Kanban, tables, Gantt & more. Everything you need for powerful apps, in one package.

Portable

Platform-agnostic. Whether Ninox, React, or No-Code tools – your interface configuration works everywhere.

Customizable

No limits. Customize every detail using JSON or inject your own code for special requirements. Build it exactly the way you want.

Dependency-Free

100% Handcrafted. We do not rely on third parties. No bloated wrappers, no external risks – only pure, highly optimized code cast in one piece.

Philosophy

ArcWidgets uses simple, declarative JSON to define your interface structure. It is easy to read, perfect for AI generation, and completely portable.

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

Universal UI Language

Our JSON structure reads like natural language, with clear attributes and intuitive nesting. It is the easiest way to describe complex interfaces – without having to learn a programming language.

Universal UI Language

Our JSON structure reads like natural language, with clear attributes and intuitive nesting. It is the easiest way to describe complex interfaces – without having to learn a programming language.

Universal UI Language

Our JSON structure reads like natural language, with clear attributes and intuitive nesting. It is the easiest way to describe complex interfaces – without having to learn a programming language.

AI-Native Standard

AI writes bad code, but perfect JSON. ArcWidgets provides the secure schema that LLMs need to generate error-free UIs. No more debugging hallucinated React code – just enter a prompt and get a finished interface.

AI-Native Standard

AI writes bad code, but perfect JSON. ArcWidgets provides the secure schema that LLMs need to generate error-free UIs. No more debugging hallucinated React code – just enter a prompt and get a finished interface.

AI-Native Standard

AI writes bad code, but perfect JSON. ArcWidgets provides the secure schema that LLMs need to generate error-free UIs. No more debugging hallucinated React code – just enter a prompt and get a finished interface.

True Cross-Platform Portability

Your UI is no longer tied to a system. Whether it's Ninox, Airtable, React, Angular, or Odoo – since ArcWidgets is based on standardized JSON, your configuration runs identically everywhere. Build once, use in every stack.

True Cross-Platform Portability

Your UI is no longer tied to a system. Whether it's Ninox, Airtable, React, Angular, or Odoo – since ArcWidgets is based on standardized JSON, your configuration runs identically everywhere. Build once, use in every stack.

True Cross-Platform Portability

Your UI is no longer tied to a system. Whether it's Ninox, Airtable, React, Angular, or Odoo – since ArcWidgets is based on standardized JSON, your configuration runs identically everywhere. Build once, use in every stack.

More details

More details

More details

Handcrafted.

Handcrafted.

Handcrafted.

Dependency-Free.

Dependency-Free.

Dependency-Free.

Maximum Efficiency.

Maximum Efficiency.

Maximum Efficiency.

The engine under the hood

O(1) updates instead of O(n) diffing.

O(1) updates instead of O(n) diffing.

While traditional frameworks recalculate entire component trees on data changes, we use Direct DOM Access.


Our engine maps data directly to DOM nodes via hash maps (R-Points). If a value changes, we surgically access that exact element and write the value directly to memory – completely without React re-render cycles.

The result: extremely performant real-time updates, even with complex dashboards.

While traditional frameworks re-compute entire component trees on data changes, we use Direct DOM Access.


Our engine maps data directly to DOM nodes via hash maps (R-Points). When a value changes, we access that specific element surgically and write the value directly to memory – all without React re-render cycles.

The result: Extremely performant updates in real time, even with complex dashboards.

The ultimate library

Over 25 widgets and mini-widgets

Widgets

Mini Widgets

Widgets

Widgets

The Arc Widgets are currently optimized for Ninox. We are currently working on refactoring for use in environments such as React or other JS-friendly environments.

Gantt

Doku

Data on the timeline for better overview & planning.

Table

Doku

Advanced options for displaying your Ninox data in tabular form.

Layout

Doku

Flexible arrangement of your data in a custom design.

33 %

33 %

56 %

KPI Bar

Doku

Clear presentation of key performance indicators (KPIs).

Menu

Doku

Efficient navigation between your views.

Kanban

Doku

Optimized data management with Kanban. Organize tasks or records visually in customizable swimlanes and cards.

1

2

3

Steps

Doku

Structure processes and keep track of progress in a simple step-by-step view.

Grid

Doku

Precise data organization & view through flexible grid options.

Widgets

Mini Widgets

Widgets

Widgets

The Arc Widgets are currently optimized for Ninox. We are currently working on refactoring for use in environments such as React or other JS-friendly environments.

Gantt

Doku

Data on the timeline for better overview & planning.

Table

Doku

Advanced options for displaying your Ninox data in tabular form.

Layout

Doku

Flexible arrangement of your data in a custom design.

33 %

33 %

56 %

KPI Bar

Doku

Clear presentation of key performance indicators (KPIs).

Menu

Doku

Efficient navigation between your views.

Kanban

Doku

Optimized data management with Kanban. Organize tasks or records visually in customizable swimlanes and cards.

1

2

3

Steps

Doku

Structure processes and keep track of progress in a simple step-by-step view.

Grid

Doku

Precise data organization & view through flexible grid options.

Widgets

Mini Widgets

Widgets

Widgets

The Arc Widgets are currently optimized for Ninox. We are currently working on refactoring for use in environments such as React or other JS-friendly environments.

Gantt

Doku

Data on the timeline for better overview & planning.

Table

Doku

Advanced options for displaying your Ninox data in tabular form.

Layout

Doku

Flexible arrangement of your data in a custom design.

33 %

33 %

56 %

KPI Bar

Doku

Clear presentation of key performance indicators (KPIs).

Menu

Doku

Efficient navigation between your views.

Kanban

Doku

Optimized data management with Kanban. Organize tasks or records visually in customizable swimlanes and cards.

1

2

3

Steps

Doku

Structure processes and keep track of progress in a simple step-by-step view.

Grid

Doku

Precise data organization & view through flexible grid options.

Are you missing something? Feel free to write to us :)

Give feedback

Give feedback

Give feedback

Join the Mission

We are building the standard protocol for portable interfaces.

This is just the beginning. We are looking for brilliant minds and strategic capital to scale this vision. Whether you are developing or investing – if you want to help shape the future of UI, let's talk.

office@arc-rider.com

Imprint