Aster UI / Component explorer
Explore the working parts.
Change the data, try a workflow, then read the code that makes it work.
LIVE EXAMPLEGrid: a shared collectionFilter, sort, select and edit a paged collection, then switch to tiles with the same data model.LIVE EXAMPLETileGrid: folders and devicesExplore square folder tiles and landscape device cards, with shared selection, paging and editable records.LIVE EXAMPLEComposition: a JS and YAML workspaceDeclare a table, tiles, actions and a lazy editor around one shared model, with application logic in ordinary JavaScript.LIVE EXAMPLEFields and layouts: project settingsEdit related values with exact numeric input, resize nested panes and navigate retained settings and context.LIVE EXAMPLEMail: recover an expired sessionRead messages, retain drafts and resume waiting data operations after a simulated sign-in.LIVE EXAMPLETabs: a device workspaceOpen data-driven tabs, retain lazy panels and protect unsaved notes when closing a tab.LIVE EXAMPLEWindows: a managed workspaceKeep device details and notes open together, with managed activation, keyboard geometry and guarded closing.LIVE EXAMPLEDashboards: a live fleet workspaceCompose summaries, charts, notes and a grid over shared data, then change the layout without losing widget content.LIVE EXAMPLECharts: connected third-party componentsConnect ECharts to shared filters, selected records and live data, with accessible HTML alternatives and reduced-motion support.
Keep exploring
The wider component showcase includes advanced filtering, grouped reporting and DataView compositions.