Components
The v1.0 registry ships 53 components. Install any one with ndui add <name>; the Razor source lands in Components/<Name>/ with your project's root namespace stamped in.
Click any card for install details and dependencies. Each component has a live demo at showcase.noundry.com.
Primitives
Static info / success / warning / error banner.
ndui add alert
User avatar with image or initials fallback.
ndui add avatar
Semantic badge with variants, icons, outline + pill shapes.
ndui add badge
Primary / secondary / danger / success / warning button with loading state.
ndui add button
Container with header / body / footer slots.
ndui add card
Accessible checkbox with label + indeterminate support.
ndui add checkbox
Helper partial that emits an inline SVG from a fixed icon set.
ndui add icon
Text / email / password / number input with label + help + error.
ndui add input
Form labels are built into each Noundry form control via the `label` attribute — this manifest is a no-op placeholder that exists for catalog symmetry.
ndui add label
Radio group with typed value + labelled options.
ndui add radio
Searchable select with option children or asp-for items.
ndui add select
Horizontal or vertical rule with optional label — use raw Tailwind `<div class="h-px bg-slate-200">` (no TagHelper needed).
ndui add separator
Loading placeholders — text, avatar, card, rectangle shapes.
ndui add skeleton
Accessible on/off toggle with size + color.
ndui add switch
Multi-line text input with auto-resize + character counter.
ndui add textarea
Hover / focus tooltip with arrow + dark/light theme.
ndui add tooltip
Overlays
Right-click menu anchored to a trigger element.
ndui add context-menu
Accessible modal dialog with focus trap and ESC handling.
ndui add dialog
Popover menu with keyboard navigation and optional user-profile trigger.
ndui add dropdown-menu
Rich hover card with image, title, subtitle, and configurable show/hide delays.
ndui add hover-card
Positioned floating card — click or hover trigger, 4 sides.
ndui add popover
Side drawer — left / right, 4 sizes. Focus-trapped.
ndui add sheet
Navigation
Collapsible panel sections. Optional multi-open. Requires @alpinejs/collapse plugin.
ndui add accordion
Route-aware breadcrumb trail with home icon.
ndui add breadcrumbs
Horizontal or vertical row of menu items with badges, icons, and active-state styling.
ndui add navigation-menu
Prev / next / numbered page strip with first-last shortcuts.
ndui add pagination
Collapsible sidebar with persisted state — compose from `<noundry-navigation-menu>` + Alpine persist (Studio helper partial).
ndui add sidebar
Alpine-local tab switcher with lazy content panels.
ndui add tabs
Header shell — compose `<noundry-navigation-menu>` + `<noundry-dropdown-menu>` for user-nav (Studio helper partial).
ndui add topbar
Data display
Pure-SVG bar / line / area chart. Zero chart.js dependency.
ndui add chart
Modern API-driven data grid — server-side sort/search/paginate, keyboard nav, optional column toggle/resize/export. Use when datasets exceed a single page.
ndui add data-grid
Mobile-friendly alternative to DataTable — compose from `<noundry-card>` + `<ul>` (Studio helper partial).
ndui add data-list
Rich data table with search, sort, paginate, row actions, expandable rows — `items` or `api-url` binding.
ndui add datatable
Placeholder for empty tables / lists — compose from `<noundry-card>` + icon + CTA (Studio helper partial).
ndui add empty-state
Responsive image grid with lightbox, captions, and 3 layout modes (grid / masonry / carousel).
ndui add image-gallery
KPI card with icon, trend arrow, and color variant.
ndui add stat-card
Primitive HTML table wrapper — header / body / row / cell helpers. Use when you need full control; reach for `data-table` or `data-grid` for sortable / paginated grids.
ndui add table
Forms
Searchable single-select with server-side option loading.
ndui add combobox
⌘K command palette with grouped items + AJAX search.
ndui add command
HTML date picker with calendar UI, min/max, first-day-of-week.
ndui add date-picker
Two-input date range with quick-select presets (today, last 7, last 30, etc).
ndui add date-range-picker
Drag-drop file input with preview + optional XHR upload.
ndui add file-upload
Use plain `<form method="post">` with Noundry form controls inside — they bind via `asp-for` and render validation inline automatically.
ndui add form
Every Noundry form control has built-in `label` + `help-text` + `error-message` — no separate field wrapper needed.
ndui add form-field
Tag-chip multi-value select with API loading.
ndui add multi-select
Single-thumb range slider with optional value tooltip + min/max labels + prefix/suffix.
ndui add range-slider
Feedback
Page-level flash / promo banner. Dismissible, variant-colored.
ndui add banner
Copy-button with success state + auto-reset. Pass static text or wrap inner content.
ndui add copy-to-clipboard
Determinate / indeterminate progress bar, striped + animated options.
ndui add progress
Global toast stack — mount `<noundry-toast-container>` once in layout, trigger with `window.toast.success(msg)`.
ndui add toast
Meta
Bell + unread count + list — compose from `<noundry-popover>` + server-fetched list (Studio helper partial).
ndui add notifications-popover
Light / dark / system switcher — `<noundry-button>` + Alpine + localStorage (Studio helper partial).
ndui add theme-toggle
Avatar + dropdown + sign-out — use `<noundry-dropdown-menu>` with `avatar-url` + `user-name` (Studio helper partial).
ndui add user-nav