Coming Soon

OmniShell

The application shell

Pre-built layouts, navigation patterns, and responsive scaffolding. The structural foundation for your web applications, built on OmniUI.

Back to OmniUI

What is OmniShell?

OmniShell provides the structural layer for web applications. While OmniUI gives you components and OmniDS gives you branding, OmniShell gives you the scaffolding to put it all together.

Currently in Planning

OmniShell is being designed based on real-world application patterns. Want to influence the direction? Open an issue on GitHub.

Planned Features

Application Layouts

Pre-built layout patterns for common application types:

  • Dashboard layouts with collapsible sidebars
  • Content-focused layouts for documentation
  • Settings/admin panel layouts
  • Multi-column responsive layouts

Navigation Systems

Complete navigation patterns out of the box:

  • Sidebar navigation with nested items
  • Top navigation with dropdowns
  • Mobile-first responsive navigation
  • Breadcrumb and context navigation

Page Templates

Common page structures ready to use:

  • List/detail views
  • Form pages with validation states
  • Empty states and error pages
  • Loading and skeleton states

Responsive Scaffolding

Mobile-first, desktop-enhanced:

  • Breakpoint-aware layout switching
  • Touch-friendly mobile patterns
  • Progressive disclosure for complex UIs
  • Safe area handling for notched devices

The Omni Stack

OmniShell sits at the top of the Omni ecosystem:

OmniShell - Application structure and layouts (you are here)
OmniDS - Brand tokens and themed components
OmniUI - Core components

Each layer builds on the one below. Use what you need.

Stay Updated

Watch the GitHub repository for updates on OmniShell development:

Watch on GitHub