Primitives

Unstyled, accessible components for building high-quality, custom design systems. Full control over styling and behavior.

What are Primitives?

Primitives are unstyled, headless components that provide:

  • Accessibility: Semantic HTML with ARIA attributes and keyboard interaction support
  • Behavior: Complex interactions and state management handled for you
  • Flexibility: Complete control over styling and markup structure

Accordion

Blazor Accordion Primitive - unstyled accordion with ARIA attributes and keyboard support. Build custom accordion designs.

View examples

Alert Dialog

Blazor Alert Dialog Primitive - headless modal requiring explicit user acknowledgement. Focus trapping, scroll locking, and ARIA alertdialog role.

View examples

Barcode
v4

Blazor Barcode Primitive - BarcodeEncoder, fourteen linear symbologies written from scratch in C#. A value in, bar geometry out, with no markup and no rendering. Verified against zint and zxing-cpp.

View examples

Checkbox

Blazor Checkbox Primitive - headless checkbox with indeterminate state. Keyboard support and ARIA attributes.

View examples

Collapsible

Blazor Collapsible Primitive - unstyled expandable sections. Includes ARIA attributes and keyboard support.

View examples

Direction
v4

Blazor right-to-left (RTL) support - BbDirectionProvider sets the writing direction so the library's logical CSS mirrors the layout for Arabic, Hebrew and other RTL languages.

View examples

Context Menu

Blazor Context Menu Primitive - headless right-click menu with keyboard navigation, ARIA attributes, and click-coordinate positioning.

View examples

Dashboard Grid

Blazor Dashboard Grid Primitive - headless dashboard grid with drag-and-drop, resize, responsive breakpoints, and auto-compaction for widget layouts.

View examples

Data Grid

Blazor Data Grid Primitive - headless data grid with sorting, pagination, row selection, column visibility/reorder/resize, and keyboard navigation.

View examples

Dialog

Blazor Dialog Primitive - headless modal with focus trap, portal support, and ARIA attributes.

View examples

Dropdown Menu

Blazor Dropdown Menu Primitive - unstyled menu with submenus, keyboard support, and ARIA attributes.

View examples

Filtering

Blazor Filtering Primitives - data-only filter condition modeling, operator mapping, LINQ expression building, and JSON serialization.

View examples

Floating Portal

Blazor Floating Portal Primitive - unified infrastructure for floating content. Handles portal registration, positioning, and lifecycle for overlay components.

View examples

Gantt
v4

Blazor Gantt Primitive - GanttBuilder, the timeline engine on its own. The tree, the summary roll-up, the two-tier time axis and the resolved dependency arrows, with no markup.

View examples

Hover Card

Blazor Hover Card Primitive - headless hover preview component. Customizable delay and positioning.

View examples

Label

Blazor Label Primitive - accessible label that links to form controls. Supports required indicators.

View examples

Menu
v4

Blazor Menu primitives - headless submenu and radio-group components shared by the Dropdown Menu, Context Menu and Menubar primitives.

View examples

Menubar

Blazor Menubar Primitive - headless horizontal menu bar with cross-menu navigation, keyboard navigation, type-ahead search, and ARIA attributes.

View examples

Navigation Menu

Blazor Navigation Menu Primitive - headless site navigation with hover-triggered dropdowns, close timers, route-change auto-close, and ARIA attributes.

View examples

Pivot
v4

Blazor Pivot Primitive - PivotBuilder, the cross-tabulation engine on its own. Two trees of headings and the values where they cross, with totals worked out from every item under them rather than from the cells they cover.

View examples

Popover

Blazor Popover Primitive - unstyled floating content with auto-positioning. Uses Floating UI.

View examples

Progress

Blazor Progress Primitive - headless progress bar with ARIA progressbar role. Supports determinate and indeterminate states.

View examples

QR Code
v4

Blazor QR Code Primitive - QrEncoder, the whole of ISO/IEC 18004 in C#. Versions 1 to 40, four error correction levels, Reed-Solomon over GF(256) and the eight mask patterns. A grid of modules, with no markup.

View examples

Radio Group

Blazor Radio Group Primitive - headless single-choice selection. Keyboard support and ARIA attributes.

View examples

Scroll Area

Blazor Scroll Area Primitive - headless custom scrollbar replacement with ARIA scrollbar roles and styleable tracks and thumbs.

View examples

Select

Blazor Select Primitive - unstyled dropdown with search, groups, and ARIA attributes. Customizable.

View examples

Separator

Blazor Separator Primitive - headless divider with semantic and decorative modes. Proper ARIA separator role and orientation.

View examples

Sheet

Blazor Sheet Primitive - headless slide-out panel. Supports all directions with portal rendering.

View examples

Signature Pad
v4

Blazor Signature Pad Primitive - a headless canvas for a handwritten signature. Bezier smoothing, velocity-based line width, and SVG, PNG and raw-sample exports streamed rather than returned.

View examples

Slider

Blazor Slider Primitive - headless range input with keyboard navigation, pointer drag, and ARIA slider semantics.

View examples

Sortable

Blazor Sortable Primitive - headless drag-and-drop sortable powered by SortableJS. Supports within-list reorder, connected transfers, drag handles, and ARIA live announcements.

View examples

Swipe Area
v4

Blazor Swipe Area Primitive - headless swipe gesture detection over arbitrary content. One call per completed gesture rather than one per pointer move, with distance and velocity thresholds and touch-action control.

View examples

Switch

Blazor Switch Primitive - unstyled toggle control. Includes ARIA attributes and keyboard support.

View examples

Table

Blazor Table Primitive - headless table with sorting and selection. Build custom data displays.

View examples

Tabs

Blazor Tabs Primitive - unstyled tabbed interface. Keyboard support and ARIA attributes.

View examples

Toggle

Blazor Toggle Primitive - headless toggle button and toggle group with pressed state management, keyboard navigation, and ARIA attributes.

View examples

Tooltip

Blazor Tooltip Primitive - headless tooltip with auto-positioning. Includes ARIA attributes and customizable.

View examples

Tree View

Blazor Tree View Primitive - headless tree with hierarchical display, keyboard navigation, ARIA attributes, selection, and tri-state checkboxes.

View examples