Example families

Primitive UI

Every public Shell primitive, shown alone or in a focused composition.

01ActionsChoose commands or route links, action emphasis, accessible icon and refresh controls, contextual help, and destructive menu semantics.NxActionButtonNxButtonNxDropdownMenuNxHelpTooltipNxIconButtonNxIconLinkNxLinkButtonNxRefreshControlNxTooltipOpen example 02FormsCompose accessible labels, validation state, text, date and range inputs, and grouped choices.NxCheckboxNxComboboxNxFieldGroupNxFieldLegendNxFieldsetNxFileDropzoneNxFormFieldNxFormSectionNxSearchFieldNxSelectNxTextAreaNxTextInputNxDatePickerNxDateRangePickerNxRadioNxRadioGroupOpen example 03Status and feedbackDistinguish lifecycle badges from persistent page-level feedback.NxAlertNxButtonNxLoadingBlockNxMissingRequiredReferencesAlertNxModalDialogNxStatusBadgeOpen example 04Empty statesCompare permission, first-use, no-results, not-found, and error states independently.NxButtonNxEmptyViewOpen example 05Data displayPresent record details, compact tables, page controls, and operational metrics with host-owned formatting.NxDetailRowResourceTableNxOverviewBandNxPaginationNxStatCardNxStatusBadgeOpen example 06Layout and surfacesCompose route frames, responsive regions, split work areas, and section rhythm without owning Shell breakpoints.NxAdaptiveSplitNxPageFrameNxResponsiveRegionNxSectionCardNxSectionStackOpen example 07Insight surfacesBind a date-range filter to a permission-aware insight surface with explicit query state.NxInsightFilterBarNxInsightSurfaceOpen example 08Routes and organizationOpen a canonical route, browse and pick hierarchical values, switch workspace tabs, and render an App-owned organization projection.NxCanonicalRoutePaneNxOrgChartNxColumnBrowserNxColumnPickerNxTabNavOpen example 09Spreadsheet editorEdit a caller-owned workbook locally; changes stay in the preview until its owner persists them.NxSpreadsheetEditorOpen example

Example families

Data visualizations

Public analytical renderers with isolated, readable datasets.

01Analytical chartsInspect bar, line, donut, gauge, heatmap, and Sankey renderers as separate samples.NxBarChartNxDonutChartNxGaugeNxHeatmapNxLineChartNxSankeyOpen example

Example families

Resource surfaces

Tables, boards, calendars, schedulers, and schedules driven by App-owned domain projections.

01Resource tableCompare table and card examples, switch views in More, and adjust card columns while keeping the same row actions and collection states.NxButtonResourcePrimaryCellResourceRowActionsMenuResourceStatusBadgeResourceTableResourceTextCellOpen example 02Kanban boardRender resource references in lanes and submit App-owned move commands.ResourceBoardOpen example 03CalendarRender occurrence projections and hand empty-range selections back to an App-owned creation flow.NxCalendarOpen example 04Resource schedulerPlace occurrences in resource lanes and capture lane-aware empty-range selections.NxResourceSchedulerOpen example 05Gantt scheduleRender tasks, milestones, baselines, and dependencies from a caller-owned schedule projection.ResourceScheduleOpen example

Example families

Guided recipes

Small, executable repository workflows with their verification commands.

01Create the first AppGenerate an App and Resource, install them for one tenant, and verify the terminal and browser results.RecipeOpen example 02Generate a ResourceGenerate a Resource, expose its App Menu destination, and inspect the resulting list, form, detail, and Inspector surfaces.RecipeOpen example 03Create a ContributorAdd publish and archive permissions to the Workshop Note and observe them in the Role editor.RecipeOpen example 04Create and revise a DescriptorPublish a typed Approval binding and document schema for the Workshop Note, then observe its domain-form entry.RecipeOpen example 05Contribute to Business ProcessPublish a Workshop action to the BPMN Service Task catalog, implement its App-owned handler, and verify that both sides are registered.RecipeOpen example 06Contribute to Electronic ApprovalConnect the Workshop Note binding, business-form widget, and App-owned submission endpoint to the Approval composer.RecipeOpen example 07Contribute to Electronic SignaturePublish the Workshop Note name as an App-owned data source in the Signature template editor.RecipeOpen example