Skip to content
OGE logoOGE

Angular & React UI components for data-heavy apps

A virtualized data grid, tree list and pivot table, charts, scheduler, gantt and kanban, forms and 20+ editors. Signal APIs end to end, zoneless by default, themed with CSS tokens — over a framework-free engine both render layers share.

$npm install
Product
Region
Price
24h
Qty
Aurora Display
EMEA
1249
—
320
Nebula Sensor
APAC
862
—
780
Quantum Relay
Americas
1540
—
145
Photon Cable
EMEA
96
—
4210
Ion Battery
Americas
415
—
990
Vector GPU
APAC
2199
—
260
oge-ui@oge-ui/core@oge-ui/behavior@oge-ui/react-buttons@oge-ui/grid@oge-ui/tree-list@oge-ui/pivot@oge-ui/bpmn@oge-ui/scheduler@oge-ui/gantt@oge-ui/upload@oge-ui/editor@oge-ui/kanban@oge-ui/charts@oge-ui/buttons@oge-ui/inputs@oge-ui/overlay@oge-ui/tabs@oge-ui/layout@oge-ui/navigation@oge-ui/forms@oge-ui/react@oge-ui/react-grid@oge-ui/react-tree-list@oge-ui/react-inputs@oge-ui/react-overlay@oge-ui/react-forms@oge-ui/react-tabs@oge-ui/react-layout@oge-ui/react-navigation@oge-ui/react-upload@oge-ui/react-editor@oge-ui/react-pivot@oge-ui/react-bpmn@oge-ui/react-scheduler@oge-ui/react-gantt@oge-ui/react-kanban@oge-ui/react-charts@oge-ui/pivot-engine@oge-ui/bpmn-engine@oge-ui/scheduler-engine@oge-ui/gantt-engine@oge-ui/kanban-engine@oge-ui/charts-engine

Angular and React, no compromises

01

Signal APIs end to end

Inputs, outputs and state are signals. Derive totals with computed() — no lifecycle hooks, no subscriptions to leak.

total = computed(() => …)

02

Virtualized into the millions

Row and column virtualization from a framework-free core — the DOM only ever holds what you see.

03

Zoneless by default

No Zone.js, no global change-detection sweeps. Components mark exactly what moved.

import 'zone.js'; // not needed

04

Design-token theming

One set of CSS variables drives every component. Dark, Tailwind and Bootstrap bridges ship in the box.

--oge-accent
05

Keyboard-first accessibility

WAI-ARIA grid semantics, focus management and full keyboard navigation — verified with axe.

06

MIT, and it stays MIT

Every core package carries a public "will remain MIT" commitment. No license keys, no runtime checks, no telemetry.

"license": "MIT" // forever

Playground

Flip a switch — it's live

Full playground
First Name
Last Name
Department
City
Salary
Can
Kaya
HR
Ankara
86000
Mert
Kılıç
Sales
İstanbul
75000
Emre
Aydın
Engineering
İzmir
32000
Deniz
Arslan
Engineering
İstanbul
105000
Emre
Yılmaz
Engineering
İzmir
83000
Zeynep
Kılıç
Support
İzmir
48000
Can
Doğan
Finance
Antalya
37000
Ayşe
Kaya
Engineering
Ankara
73000
120 rows

Components

35 families, one design system

Data GridVirtualized rows, filtering, grouping, editing, range selection, conditional formatting and export.Tree ListHierarchical data with lazy loading, tri-state selection, drag & drop and summaries.Pivot GridCross-tab analytics with totals, calculated fields, linked charts and export.BPMN EditorBPMN 2.0 modeler with its own XML engine, undo/redo and no third-party branding.ChartsLine, pie, gauges, heatmaps, treemaps, Sankey and maps on a dependency-free SVG kernel.GanttTask tree + timeline with dependencies, critical path and drag editing.UploadDrag & drop, restrictions with reasons, previews, chunked resumable transfer.Rich Text EditorHeadings, lists, links and images, markdown shortcuts, sanitized HTML out.KanbanColumns, swimlanes and WIP limits with drag & drop and keyboard moving.SchedulerDay, week and month views with drag & resize, popup and form editing.ButtonsAsync actions, hold-to-confirm, groups, drop-downs, a FAB and a speed dial.InputsText, masked, number, select, date, color, rating, OTP, signature, list and mention editors on one field chrome.OverlayModals with confirm/prompt helpers, windows, popovers, toasts, menus, tooltips and context menus.TabsLazy panels, closable tabs with async guards, overflow nav and drag reorder.FormsResponsive form layout, fieldset groups, validation summary.AccordionSingle or multiple expansion, lazy content, async expand guards.CardContent surface with media, actions and footer as attribute slots.SplitterResizable, collapsible, nestable panes with full keyboard control.ToolbarAPG command bar with roving tabindex and a real overflow menu.Tree ViewTri-state checkboxes, search, load-on-demand and drag & drop reparenting.DrawerOverlay, push or side panel — the modality follows the mode.Progress & LoadingLinear and circular bars, spinner, skeleton and a load panel — role="progressbar" done right.BreadcrumbThe APG trail with container-width collapse; hidden crumbs stay reachable as links.MenubarAPG menubar with nested submenus, radio/checkbox rows and a More or hamburger overflow.StepperLinear or free wizard with async leave guards and refusals that say why.PaginationStandalone pager: numeric window, page sizes, jump-to-page, adaptive compact mode.Avatar & BadgeImage → initials → icon fallback, presence dots, +N groups and described count badges.ChipSelectable and removable chips; an APG listbox or grid with Delete-key removal.AlertInline severity messages with actions and dismiss; role alert or status by severity.TimelineVertical, horizontal or alternating ordered-list history with markers and dates.App BarTop or bottom bar with start/center/end sections, sticky or fixed with safe areas.List ViewVirtualized APG listbox with selection, sticky groups, search and swipe actions.Data ViewTemplated items in container-responsive grid or list layouts with search, sort and paging.Tile LayoutDashboard tiles with spans, drag to reorder, resize handles and keyboard twins.CarouselAPG slide show with swipe, thumbnails, loop and autoplay that stops on focus.Browse all componentsEvery family in the gallery, with live demos and API tables.

On npm

Open source, in the wild

—total downloadsacross 44 open-source packages · live from npm, since the first release
oge-ui—@oge-ui/core—@oge-ui/behavior—@oge-ui/react-buttons—@oge-ui/grid—@oge-ui/tree-list—@oge-ui/pivot—@oge-ui/bpmn—@oge-ui/scheduler—@oge-ui/gantt—@oge-ui/upload—@oge-ui/editor—@oge-ui/kanban—@oge-ui/charts—@oge-ui/buttons—@oge-ui/inputs—@oge-ui/overlay—@oge-ui/tabs—@oge-ui/layout—@oge-ui/navigation—@oge-ui/forms—@oge-ui/react—@oge-ui/react-grid—@oge-ui/react-tree-list—@oge-ui/react-inputs—@oge-ui/react-overlay—@oge-ui/react-forms—@oge-ui/react-tabs—@oge-ui/react-layout—@oge-ui/react-navigation—@oge-ui/react-upload—@oge-ui/react-editor—@oge-ui/react-pivot—@oge-ui/react-bpmn—@oge-ui/react-scheduler—@oge-ui/react-gantt—@oge-ui/react-kanban—@oge-ui/react-charts—@oge-ui/pivot-engine—@oge-ui/bpmn-engine—@oge-ui/scheduler-engine—@oge-ui/gantt-engine—@oge-ui/kanban-engine—@oge-ui/charts-engine—