Theme

Data

Data display components styled with the Ontopix theme — tables, accordions, timelines, and more.

Production

Components for organizing and displaying structured information. These inherit surface tokens for consistent visual hierarchy.

Table

Data tables built on TanStack Table for sortable columns, row selection, and flexible rendering.

Name	Email	Role	Status
Alice Johnson	alice@example.com	Admin	Active
Bob Smith	bob@example.com	Editor	Active
Carol White	carol@example.com	Viewer	Inactive
David Lee	david@example.com	Editor	Active

Feature	Description
Columns	Configurable headers with sort support via TanStack ColumnDef
Data	Array of objects rendered with theme tokens
Sticky	Sticky header/footer for scrollable tables
Loading	Built-in loading state with color and animation options

Collapsible sections for organizing long content.

Image and content carousel with navigation controls.

Chronological event display with icons and descriptions.

Brand Foundation

Established core color palettes and typography system using OKLCH color space.

Theme System

Built Nuxt UI theme layer with component defaults and color mode overrides.

Showroom

Created component showcase demonstrating the complete Ontopix visual system.

Element	Description
Title	Event heading in highlighted text
Description	Supporting detail in muted text
Icon	Visual marker for each timeline entry

Hierarchical data display with expand/collapse.

Installation & Customization

How to install the Ontopix theme layer and customize component defaults, color modes, and design tokens.

Elements

Core UI element components styled with the Ontopix theme — buttons, badges, alerts, cards, and more.