Explore ShellUI v0.2.0's comprehensive component library with 80 production-ready components, organized by category. Each component is fully accessible, type-safe, and fully customizable.

Component Categories

Form Components (11)

Button, Input, Textarea, Select, Checkbox, RadioGroup, Switch, Toggle, Label, Slider

Layout Components (17)

Card, Tabs, Navbar, Sidebar, Separator, Accordion, Breadcrumb, Collapsible, Resizable

Navigation Components (8)

NavigationMenu, Menubar, Dropdown, Pagination, ScrollArea, Sheet

Data Display (10)

Table, DataTable, Badge, Avatar, Alert, Toast, Skeleton, Progress, Loading

Interactive Components (7)

Dropdown, Command, ContextMenu, HoverCard, ThemeToggle, EmptyState, FileUpload

Advanced Components (19)

Calendar, DatePicker, TimePicker, Combobox, AlertDialog, Carousel, Charts (7 new!)

What's New in v0.2.0

Charts & Data Visualization

7 new chart components built on ApexCharts.Blazor:

Chart - Base chart component with theme-aware styling
BarChart - Vertical bar charts
LineChart - Smooth line charts
AreaChart - Filled area charts
PieChart - Pie charts with custom tooltips
MultiSeriesChart - Multiple data series on one chart
ChartSeries - Flexible series composition

View Charts Documentation

Getting Started

To use components in your project:

# Add components via CLI
shellui add button input card table chart

# Or install via NuGet
dotnet add package ShellUI.Components

Component Features

All ShellUI components include:

Accessibility: WCAG 2.1 AA compliant
Type Safety: Full C# type safety with CVA patterns
Customizable: Modify components directly in your codebase
Responsive: Mobile-first design
Performance: Optimized for Server and WASM
Theme-Aware: Automatic light/dark mode support

Components