VUE-POWERED · FRAMEWORK-AGNOSTIC

The interface language of a beloved era, rebuilt for the modern web.

Accessible custom elements with Aqua precision, Graphite restraint, and a Panther dark theme that feels native to the family.

Explore componentsnpm install @vraxis/osx-components

COMPONENT CATALOG

A complete application vocabulary.

52 componentsOpen complete docs
Application<osx-app-shell>

Responsive workspace chrome with navigation, content, inspector, composer, and status regions.

New
Agent<osx-agent-composer>

Prompt entry with Enter-to-send, model context, busy state, and stop action.

New
Agent<osx-agent-message>

User, assistant, system, streaming, and error conversation states.

New
Agent<osx-agent-run-status>

Plan, work, verify, complete, and failure lifecycle visualization.

New
Agent<osx-agent-approval>

Risk-aware human approval with explicit scope and allow or deny actions.

New
Agent<osx-thinking>

Collapsible reasoning summaries with streaming, complete, and failure states.

New
Agent<osx-plan>

Ordered task steps with pending, active, done, failed, and skipped states.

New
Output<osx-artifact>

Generated files, documents, and code with copy, download, open, and version actions.

New
Output<osx-markdown>

Streaming-safe Markdown with structured code, tables, lists, quotes, and links.

New
Grounding<osx-citation>

Inline source chips for grounded RAG and search-agent responses.

New
Grounding<osx-source-panel>

Coordinated source details with domains, excerpts, and selected state.

New
Agent<osx-tool-call>

Expandable queued, running, successful, and failed tool activity.

New
Developer<osx-diff-viewer>

Unified and split patches with line numbers, stats, layout switching, and copy events.

New
Developer<osx-terminal>

Command, output, duration, running state, rerun, interrupt, and clear controls.

New
Developer<osx-file-tree>

Filterable repository hierarchy with folders, selection, and Git status markers.

New
Feedback<osx-alert>

Persistent information, success, warning, and error feedback.

New
Feedback<osx-toast>

Transient, accessible notifications with placement and timeout control.

New
Loading<osx-shimmer>

Flexible reduced-motion-aware loading placeholders.

New
Loading<osx-skeleton>

Text, profile, and card loading compositions.

New
Loading<osx-spinner>

Compact indeterminate activity with accessible labels and reduced-motion behavior.

New
Foundation<osx-icon>

Curated Lucide SVG icons with consistent sizing and accessible labels.

New
Action<osx-icon-button>

Accessible icon-only actions with standardized hit areas and states.

New
Foundation<osx-tooltip>

Supplemental hover and focus hints for compact controls.

New
Foundation<osx-popover>

Anchored contextual content with explicit dismissal.

New
Navigation<osx-menu>

Keyboard-oriented collections of application commands.

New
Navigation<osx-menu-item>

Action and checkbox rows with optional shortcuts.

New
Navigation<osx-tabs>

Related content panels with roving keyboard selection.

New
Overlay<osx-dialog>

Centered modal with focus management and controlled actions.

New
Feedback<osx-empty-state>

Zero-data guidance with an optional recovery action.

New
Discovery<osx-ecosystem-card>

Trust-preserving cross-product discovery with explicit provenance and host-owned activation.

New
Foundation<osx-badge>

Compact status, count, and category labels.

New
Foundation<osx-avatar>

Initials, image fallback, and presence status.

New
Typography<osx-heading>

Semantic display, title, section, and label hierarchy.

New
Typography<osx-copy>

Readable body copy with useful measures, tones, and sizes.

New
Navigation<osx-link>

Native links with external, download, focus, and disabled states.

New
Action<osx-button>

Default, primary, danger, loading, and Lucide icon actions.

Updated
Form<osx-checkbox>

Checked, mixed, disabled, and slotted-label states.

New
Form<osx-toggle>

Immediate on/off settings with native switch semantics.

New
Feedback<osx-progress>

Determinate and indeterminate Aqua progress bars.

Stable
Navigation<osx-segmented-control>

Compact single-selection views with radio semantics.

Stable
Form<osx-select>

Native selection behavior with OS X pop-up styling.

New
Overlay<osx-sheet>

Window-attached confirmation and task dialogs.

New
Navigation<osx-source-list>

Finder-style application navigation and selection.

New
Layout<osx-split-view>

Horizontal and vertical primary-detail composition.

New
Feedback<osx-status-bar>

Compact readiness, activity, and connection state.

New
Data<osx-table>

Responsive native data tables with sortable columns and compact or striped layouts.

New
Data<osx-data-table>

Search, sorting, selection, pagination, loading, and server-controlled application datasets.

New
Form<osx-text-field>

Labeled text, email, password, and search inputs.

Stable
Structure<osx-toolbar>

Leading, centered, and trailing application actions.

Stable
Structure<osx-window>

Window chrome, controls, toolbar, content, and footer.

Stable

LIVE COMPONENTS

One vocabulary. Three appearances.

Everything below is a registered web component. Change the appearance and every Shadow DOM component updates through inherited design tokens.

Appearance Show All

Interface controls

Composed primitives remain crisp at practical application sizes.

Open sheetRemoveSave changes

Your application state stays untouched.

AGENT APPLICATION KIT

Build trustworthy agent workspaces, not mystery boxes.

Every consequential step has a visible state, bounded scope, and human decision point. The components stay model- and runtime-agnostic.

Audit the authentication flow and fix the failing refresh-token test.

I found the failure in token rotation. I’ll update the service and verify the focused test before requesting promotion.

Loaded 164 lines from the service implementation.

SHAREABLE SNIPPET LAB

One component system. Every frontend.

Switch frameworks, copy a working starter, or share the exact selection through the URL. The output stays native because the runtime is built on Custom Elements.

Framework
CopyShare link
index.htmlReady to copy
Loading snippet…

BUILT WITH THE SYSTEM

Components should prove they can ship products.

Explore independent products that use osx Components as a shared interface language—not a promotional feed.

THEMING CONTRACT

Change the system, not every component.

--osx-accentSelection and primary action color
--osx-surfacePrimary application surface
--osx-borderStructural chrome and separation
--osx-focusVisible keyboard focus treatment