# Arc Rider Docs > Widget API and builder guides. Site: https://www.arc-rider.com/docs - [Ninox only](https://www.arc-rider.com/docs/ninox/llms.txt) - [React only](https://www.arc-rider.com/docs/react/llms.txt) - [Vue only](https://www.arc-rider.com/docs/vue/llms.txt) ## Docs - [Was ist ein Widget?](https://www.arc-rider.com/docs/intro/was-sind-widgets.md): Einführung - [Widgets und Mini-Widgets](https://www.arc-rider.com/docs/intro/widgets-und-mini-widgets.md): Vollständige Business-Oberflächen versus kleine Bausteine — und wie du sie ineinander setzt. - [React einrichten](https://www.arc-rider.com/docs/intro/setup-react.md): Einführung - [Vue einrichten](https://www.arc-rider.com/docs/intro/setup-vue.md): Einführung - [Widget-Integration in deine Datenbank](https://www.arc-rider.com/docs/intro/aufbau-in-nx-db.md): Erfahre, wie du den Global Code im Ninox-Team hinterlegst und den Anwendungscode in Funktionsfeldern konfigurierst. - [React-Komponenten](https://www.arc-rider.com/docs/intro/react-components.md): Die 24 Komponenten des React-Pakets und ihre Referenzen. - [Das Universe Portal](https://www.arc-rider.com/docs/intro/user-cockpit.md): Projekte, Lizenzen und Produktions-Umgebungen in Arc Rider Universe. - [ADK Setup Guide](https://www.arc-rider.com/docs/intro/adk-setup-guide.md): In 10 Minuten Cursor mit deiner Ninox-Datenbank und den Arc Rider Widgets verbinden. - [Component ProgressList](https://www.arc-rider.com/docs/intro/component-progresslist.md): Einführung - [Custom Calendar (Week)](https://www.arc-rider.com/docs/widgets/custom-calendar-week.md): Widgets - [Custom Calendar Grid](https://www.arc-rider.com/docs/widgets/custom-calendar-grid.md): Monatskalender. Daten als Epoch-Millis; timeFrom/timeTo weglassen für Ganztagsbalken. Beispiel: examples/widgets/calendar_grid/calendar_grid-00-defaults.tsx. - [Custom Calendar Timeline](https://www.arc-rider.com/docs/widgets/custom-calendar-timeline.md): Widgets - [Custom Dev Tools](https://www.arc-rider.com/docs/widgets/custom-dev-tools.md): Widgets - [Custom Drawing](https://www.arc-rider.com/docs/widgets/custom-drawing.md): Widgets - [Custom Gantt](https://www.arc-rider.com/docs/widgets/gantt.md): Widgets - [Custom Grid](https://www.arc-rider.com/docs/widgets/custom-grid.md): Widgets - [Custom Kanban](https://www.arc-rider.com/docs/widgets/custom-kanban.md): Widgets - [Custom KPI Bar](https://www.arc-rider.com/docs/widgets/custom-kpi-bar.md): Widgets - [Custom Layout](https://www.arc-rider.com/docs/widgets/custom-layout.md): Widgets - [Custom Menu](https://www.arc-rider.com/docs/widgets/custom-menu.md): Widgets - [Custom NumPad](https://www.arc-rider.com/docs/widgets/custom-numpad.md): Widgets - [Custom Slider](https://www.arc-rider.com/docs/widgets/custom-slider.md): Widgets - [Custom Slideshow](https://www.arc-rider.com/docs/widgets/custom-slideshow.md): Widgets - [Custom Steps](https://www.arc-rider.com/docs/widgets/custom-steps.md): Widgets - [Custom Table](https://www.arc-rider.com/docs/widgets/custom-table.md): Widgets - [Custom Upload](https://www.arc-rider.com/docs/widgets/custom-upload.md): Widgets - [Badges](https://www.arc-rider.com/docs/mini-widgets/badges.md): Mini Widgets - [Button](https://www.arc-rider.com/docs/mini-widgets/buttons.md): Mini Widgets - [Cards](https://www.arc-rider.com/docs/mini-widgets/cards.md): Mini Widgets - [Chart Circle](https://www.arc-rider.com/docs/mini-widgets/chart-circle.md): Mini Widgets - [Check Box](https://www.arc-rider.com/docs/mini-widgets/check-box.md): Mini Widgets - [Clock](https://www.arc-rider.com/docs/mini-widgets/clock.md): Mini Widgets - [Field Finder](https://www.arc-rider.com/docs/mini-widgets/field-finder.md): Mini Widgets - [Icon](https://www.arc-rider.com/docs/mini-widgets/custom-icon.md): Mini Widgets - [Images](https://www.arc-rider.com/docs/mini-widgets/images.md): Mini Widgets - [Input](https://www.arc-rider.com/docs/mini-widgets/input.md): Mini Widgets - [Pagination](https://www.arc-rider.com/docs/mini-widgets/pagination.md): Mini Widgets - [Progress Bar](https://www.arc-rider.com/docs/mini-widgets/progress-bar.md): Mini Widgets - [Select (Dropdown)](https://www.arc-rider.com/docs/mini-widgets/select.md): Mini Widgets - [Short Numbers](https://www.arc-rider.com/docs/mini-widgets/short-numbers.md): Mini Widgets - [Signature](https://www.arc-rider.com/docs/mini-widgets/signature.md): Mini Widgets - [Sort](https://www.arc-rider.com/docs/mini-widgets/sorting.md): Mini Widgets - [Text](https://www.arc-rider.com/docs/mini-widgets/text.md): Mini Widgets - [Farben und Themes in React](https://www.arc-rider.com/docs/themes/react-theme.md): Themes - [Theme: Clean White](https://www.arc-rider.com/docs/themes/custom-table-clean-white.md): Themes - [Theme: Naked](https://www.arc-rider.com/docs/themes/theme-naked.md): Themes - [Ninox: Wie baue ich Builds ein und wie laufen Updates?](https://www.arc-rider.com/docs/faq/wie-man-builds-einbaut-und-updatet.md): Was ein Build ist, wie du den Code in Ninox einfügst und wie Updates laufen, ohne eigene Skripte zu gefährden. - [React: Fehlerbehebung](https://www.arc-rider.com/docs/faq/react-troubleshooting.md): Faq - [React: Wie funktionieren Paket und Lizenzierung?](https://www.arc-rider.com/docs/faq/react-paket-und-lizenzierung.md): Alle Details zur React-Integration: npm-Paket installieren, lokaler Test und wie die Lizenzierung in der Produktion abläuft. - [Was bedeutet der Lizenzhinweis (Watermark) in der Produktion?](https://www.arc-rider.com/docs/faq/lizenzhinweis-watermark-produktion.md): Wann der Hinweis in Oberfläche und Konsole erscheint, was er blockiert und wie du ihn entfernst. - [Was ist ein Widget-Partner und welche Vorteile habe ich davon?](https://www.arc-rider.com/docs/faq/was-ist-ein-widget-partner-und-welche-vorteile-habe-ich-davon.md): Partner setzen Widgets in Kundenlösungen ein. Je Endkunde ein Universe-Projekt. Aufnahme durch Arc Rider. - [Wie berechnen sich die Preise für Widgets?](https://www.arc-rider.com/docs/faq/wie-sich-preise-zusammensetzen.md): Free für Mini-Widgets, Ultimate einmalig für alle Premium-Widgets — pro Universe-Projekt, mit Lifetime-Updates. - [Wie funktioniert die Buchung pro Team und was muss ich zur Teamstruktur wissen?](https://www.arc-rider.com/docs/faq/wie-funktioniert-die-buchung-pro-team-und-was-muss-ich-zur-teamstruktur-wissen.md): Ultimate gilt pro Universe-Projekt. Die Produktions-Umgebung hängt von der Plattform ab. - [Wie verwalte ich mehrere Umgebungen oder URLs?](https://www.arc-rider.com/docs/faq/mehrere-umgebungen-und-urls.md): Welche Stages im Ultimate-Paket enthalten sind, wie du zusätzliche Produktions-Umgebungen hinzufügst und was als Umgebung zählt. - [Action Polling](https://www.arc-rider.com/docs/patterns/action-polling.md): Patterns - [Data Bag Actions](https://www.arc-rider.com/docs/patterns/data-bag-actions.md): Patterns - [Datum und Zeit in React](https://www.arc-rider.com/docs/patterns/react-dates.md): Patterns - [Logbook to Billing](https://www.arc-rider.com/docs/patterns/logbook-to-billing.md): Patterns - [Nested Widget Descriptors](https://www.arc-rider.com/docs/patterns/nested-widget-descriptors.md): Patterns - [React-State und Events](https://www.arc-rider.com/docs/patterns/react-state-events.md): Patterns - [Custom Drawing Teil 1: Zeichnen im Bild](https://www.arc-rider.com/docs/examples/custom-drawing-zeichnen-im-bild-teil1.md): Beispiele - [Custom Drawing Teil 2: Mangel-Verortung mit Pins](https://www.arc-rider.com/docs/examples/custom-drawing-teil-2-mangel-verortung-mit-pins.md): Beispiele - [Custom Sort in einer Tabelle einbinden](https://www.arc-rider.com/docs/examples/customsort-einbinden.md): Beispiele - [Custom Table Look — Rahmen, Dark, Zeile und Spalte](https://www.arc-rider.com/docs/examples/custom-table-look.md): Beispiele - [Custom Table mit Mini Widgets](https://www.arc-rider.com/docs/examples/custom-table-mit-mini-widgets.md): Beispiele - [Dashboardansicht mit Grid](https://www.arc-rider.com/docs/examples/dashboardansicht-mit-grid.md): Beispiele - [Datenaufnahme in Schritten](https://www.arc-rider.com/docs/examples/datenaufnahme-in-schritten.md): Beispiele - [Image-Slider](https://www.arc-rider.com/docs/examples/image-slider.md): Beispiele - [Individuelles Design in der CalendarWeek](https://www.arc-rider.com/docs/examples/individuelles-design-in-der-calendarweek.md): Beispiele - [Kanban speichern und Fehler behandeln](https://www.arc-rider.com/docs/examples/react-kanban-persistenz.md): Beispiele - [Sortierung innerhalb einer Table](https://www.arc-rider.com/docs/examples/sortierung-innerhalb-einer-table.md): Beispiele - [Status als Buttons ausgeben](https://www.arc-rider.com/docs/examples/status-als-buttons-ausgeben.md): Beispiele - [Vertriebs-Cockpit](https://www.arc-rider.com/docs/examples/react-sales-app.md): Opportunities vom Erstgespräch bis zum Abschluss begleiten. - [Projekt-Cockpit](https://www.arc-rider.com/docs/examples/react-projects-app.md): Aufgaben, Fortschritt und Termine an einem Ort. - [Ressourcenplanung](https://www.arc-rider.com/docs/examples/react-resources-app.md): Teams, Einsätze und Verfügbarkeit gemeinsam planen. - [Cyber Switch](https://www.arc-rider.com/docs/components/component-cyberswitch.md): Components - [Formular aus React-Bausteinen](https://www.arc-rider.com/docs/components/react-form.md): Components - [Full Page Classic](https://www.arc-rider.com/docs/components/full-page-classic.md): Components - [KPI Focus](https://www.arc-rider.com/docs/components/kpi-focus.md): Components - [Nested Items (Table)](https://www.arc-rider.com/docs/components/hierarchisch-ausklappbare-einträge.md): Components - [Nested Layout](https://www.arc-rider.com/docs/components/layout-hierarchisch-ausklappbare-einträge.md): Components - [Switch Card](https://www.arc-rider.com/docs/components/component-switchcard.md): Components - [React-Dashboard als Vorlage](https://www.arc-rider.com/docs/templates/react-starter.md): Templates - [State-Bag in einem Textfeld](https://www.arc-rider.com/docs/templates/tips_statefield.md): Ein JSON-Textfeld als UI-State in Ninox — Tabs, Filter, ausgewählte IDs ohne Extra-Hilfsfelder. - [Arc & Ninox Development Rules](https://www.arc-rider.com/docs/knowledge-base/development-rules.md): Knowledge Base Full dump: https://www.arc-rider.com/llms-full.txt