279 documented units
Every UI source file is represented here. Larger compositions live under Patterns, while their reusable primitives remain available in this catalogue.
Building blocks for agent loops: context selectors, criteria editor, approvals, messages, activity feed, run summaries, change sets, history and loop creation.
resources/views/components/ui/ai-agent-message.blade.php
Full-page layout composing loop list, goal tracker, history, activity feed, approvals, summaries, change sets, run log and the prompt composer.
resources/views/components/ui/ai-approval-queue.blade.php
Building blocks for agent loops: context selectors, criteria editor, approvals, messages, activity feed, run summaries, change sets, history and loop creation.
resources/views/components/ui/ai-approval-request.blade.php
Demo page heroes, workspace toolbars, repository lists, branch lists, loop panels and file trees used in repo and loop pages.
resources/views/components/ui/ai-branch-list.blade.php
Full-page layout composing loop list, goal tracker, history, activity feed, approvals, summaries, change sets, run log and the prompt composer.
resources/views/components/ui/ai-change-set.blade.php
Full-page layout composing loop list, goal tracker, history, activity feed, approvals, summaries, change sets, run log and the prompt composer.
resources/views/components/ui/ai-context-bar.blade.php
Building blocks for agent loops: context selectors, criteria editor, approvals, messages, activity feed, run summaries, change sets, history and loop creation.
resources/views/components/ui/ai-criteria-editor.blade.php
Full-page layout composing loop list, goal tracker, history, activity feed, approvals, summaries, change sets, run log and the prompt composer.
resources/views/components/ui/ai-loop-activity.blade.php
Building blocks for agent loops: context selectors, criteria editor, approvals, messages, activity feed, run summaries, change sets, history and loop creation.
resources/views/components/ui/ai-loop-create.blade.php
Building blocks for agent loops: context selectors, criteria editor, approvals, messages, activity feed, run summaries, change sets, history and loop creation.
resources/views/components/ui/ai-loop-empty.blade.php
Goal tracker for recurring agent loops. Edits queue for the next iteration; stop the loop to interrupt the current run.
resources/views/components/ui/ai-loop-goal.blade.php
Full-page layout composing loop list, goal tracker, history, activity feed, approvals, summaries, change sets, run log and the prompt composer.
resources/views/components/ui/ai-loop-history.blade.php
Full-page layout composing loop list, goal tracker, history, activity feed, approvals, summaries, change sets, run log and the prompt composer.
resources/views/components/ui/ai-loop-list.blade.php
Demo page heroes, workspace toolbars, repository lists, branch lists, loop panels and file trees used in repo and loop pages.
resources/views/components/ui/ai-loop-panel.blade.php
Full-page layout composing loop list, goal tracker, history, activity feed, approvals, summaries, change sets, run log and the prompt composer.
resources/views/components/ui/ai-loop-shell.blade.php
Demo page heroes, workspace toolbars, repository lists, branch lists, loop panels and file trees used in repo and loop pages.
resources/views/components/ui/ai-loop-status-badge.blade.php
Prompt composer for AI coding tools with model, approval, project, branch, work mode and file attachment controls.
resources/views/components/ui/ai-prompter.blade.php
Demo page heroes, workspace toolbars, repository lists, branch lists, loop panels and file trees used in repo and loop pages.
resources/views/components/ui/ai-repo-list.blade.php
Full-page layout composing loop list, goal tracker, history, activity feed, approvals, summaries, change sets, run log and the prompt composer.
resources/views/components/ui/ai-run-log.blade.php
Full-page layout composing loop list, goal tracker, history, activity feed, approvals, summaries, change sets, run log and the prompt composer.
resources/views/components/ui/ai-run-summary.blade.php
Demo page heroes, workspace toolbars, repository lists, branch lists, loop panels and file trees used in repo and loop pages.
resources/views/components/ui/ai-tool-call.blade.php
Demo page heroes, workspace toolbars, repository lists, branch lists, loop panels and file trees used in repo and loop pages.
resources/views/components/ui/demo-page-hero.blade.php
Demo page heroes, workspace toolbars, repository lists, branch lists, loop panels and file trees used in repo and loop pages.
resources/views/components/ui/tree.blade.php
Demo page heroes, workspace toolbars, repository lists, branch lists, loop panels and file trees used in repo and loop pages.
resources/views/components/ui/workspace-toolbar.blade.php
Compact status pills with optional dot or icon.
resources/views/components/ui/badge.blade.php
Characterful alternatives to the standard pill — bare telemetry signals, key/value chips, metric deltas, live progress and broadcast glows.
resources/views/components/ui/badge-activity.blade.php
Characterful alternatives to the standard pill — bare telemetry signals, key/value chips, metric deltas, live progress and broadcast glows.
resources/views/components/ui/badge-delta.blade.php
Characterful alternatives to the standard pill — bare telemetry signals, key/value chips, metric deltas, live progress and broadcast glows.
resources/views/components/ui/badge-glow.blade.php
Characterful alternatives to the standard pill — bare telemetry signals, key/value chips, metric deltas, live progress and broadcast glows.
resources/views/components/ui/badge-signal.blade.php
Characterful alternatives to the standard pill — bare telemetry signals, key/value chips, metric deltas, live progress and broadcast glows.
resources/views/components/ui/badge-split.blade.php
Live examples for Buttons.
resources/views/components/ui/button-group.blade.php
Live examples for Buttons.
resources/views/components/ui/button-side-expand.blade.php
One-click copy to clipboard with a transient confirmation. Copies a literal value, or the value/text of an element matched by a CSS selector. Falls back to execCommand where the async Clipboard API is unavailable.
resources/views/components/ui/copy-button.blade.php
Emoji reaction pills and picker controls for comment threads.
resources/views/components/ui/reactions.blade.php
Live examples for Buttons.
resources/views/components/ui/split-button.blade.php
Image-free section headers built from borders, registers and typographic structure. Six full-section styles that stay fast without large background images.
resources/views/components/ui/abstract-blueprint-header.blade.php
Image-free section headers built from borders, registers and typographic structure. Six full-section styles that stay fast without large background images.
resources/views/components/ui/abstract-grid-header.blade.php
Image-free section headers built from borders, registers and typographic structure. Six full-section styles that stay fast without large background images.
resources/views/components/ui/abstract-isometric-header.blade.php
Image-free section headers built from borders, registers and typographic structure. Six full-section styles that stay fast without large background images.
resources/views/components/ui/abstract-ribbon-header.blade.php
Image-free section headers built from borders, registers and typographic structure. Six full-section styles that stay fast without large background images.
resources/views/components/ui/abstract-terminal-header.blade.php
Image-free section headers built from borders, registers and typographic structure. Six full-section styles that stay fast without large background images.
resources/views/components/ui/abstract-topographic-header.blade.php
Soft and spatial landing-page header washes — fog through ripple, plus perspective grid, galaxy and aurora — sharing one prop API, intensity and motion dials, and theme-aware colour tokens.
resources/views/components/ui/atmosphere-header/aurora.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/capability.blade.php
Slider with prev/next controls, dot indicators and optional autoplay. Each child is one slide — drop in any markup.
resources/views/components/ui/carousel.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/code-diff.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/code-window.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/cta.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/deploy-console.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/feature.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/feature-tile.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/footer.blade.php
An interactive globe with focused location markers and optional routes between regions.
resources/views/components/ui/globe.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/glow-card.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/hero.blade.php
A motion-rich marketing hero with staggered copy and floating media.
resources/views/components/ui/hero-animated.blade.php
Four editorial marketing compositions — illustrated waitlist, scenic newsletter footer, monument waitlist and split-screen login — ready to drop into launch pages.
resources/views/components/ui/landing-section/calendar-mockup.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/log-activity-section.blade.php
Leaflet-powered map surfaces for markers, companion marker lists, patrol paths, heatmaps and live unit tracking.
resources/views/components/ui/map-card.blade.php
Leaflet-powered map surfaces for markers, companion marker lists, patrol paths, heatmaps and live unit tracking.
resources/views/components/ui/map-marker-list.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/navbar.blade.php
Full-screen image backgrounds with pointer and scroll parallax, fixed attachment, zoom, drift, depth panels and reduced-motion support.
resources/views/components/ui/parallax-background.blade.php
Full-screen image backgrounds with pointer and scroll parallax, fixed attachment, zoom, drift, depth panels and reduced-motion support.
resources/views/components/ui/parallax-card-stack.blade.php
Full-screen image backgrounds with pointer and scroll parallax, fixed attachment, zoom, drift, depth panels and reduced-motion support.
resources/views/components/ui/parallax-cinematic.blade.php
Full-screen image backgrounds with pointer and scroll parallax, fixed attachment, zoom, drift, depth panels and reduced-motion support.
resources/views/components/ui/parallax-depth-panels.blade.php
Full-screen image backgrounds with pointer and scroll parallax, fixed attachment, zoom, drift, depth panels and reduced-motion support.
resources/views/components/ui/parallax-fixed-background.blade.php
Full-screen image backgrounds with pointer and scroll parallax, fixed attachment, zoom, drift, depth panels and reduced-motion support.
resources/views/components/ui/parallax-horizontal-drift.blade.php
Full-screen image backgrounds with pointer and scroll parallax, fixed attachment, zoom, drift, depth panels and reduced-motion support.
resources/views/components/ui/parallax-masked-title.blade.php
Full-screen image backgrounds with pointer and scroll parallax, fixed attachment, zoom, drift, depth panels and reduced-motion support.
resources/views/components/ui/parallax-reveal-text.blade.php
Full-screen image backgrounds with pointer and scroll parallax, fixed attachment, zoom, drift, depth panels and reduced-motion support.
resources/views/components/ui/parallax-scroll-sequence.blade.php
Full-screen image backgrounds with pointer and scroll parallax, fixed attachment, zoom, drift, depth panels and reduced-motion support.
resources/views/components/ui/parallax-split-depth.blade.php
Full-screen image backgrounds with pointer and scroll parallax, fixed attachment, zoom, drift, depth panels and reduced-motion support.
resources/views/components/ui/parallax-zoom-background.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/price-card.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/section.blade.php
Clean, image-free landing page header sections in nine styles that share one prop API with full dark-mode support.
resources/views/components/ui/simple-header/basic.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/steps.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/testimonial.blade.php
Landing-page building blocks: navbars, heroes, sections, feature cards, steps, pricing, testimonials, CTAs, footers and the richer editorial surfaces built on top of them.
resources/views/components/ui/testimonial-wall.blade.php
Stacked avatar groups, label/value description lists and pulsing skeleton loaders.
resources/views/components/ui/avatar-group.blade.php
A table of past invoices with a number, date, amount, status badge and a download link — reusing the same status palette as the invoice component. Collapses gracefully on mobile and shows an empty state when there are no invoices.
resources/views/components/ui/billing-history.blade.php
Chart.js wrapper — clean, minimal charts that re-theme from the palette and follow dark mode. Plus inline sparklines, KPI chart cards, and Nightwatch-style monitoring panels.
resources/views/components/ui/chart.blade.php
Chart.js wrapper — clean, minimal charts that re-theme from the palette and follow dark mode. Plus inline sparklines, KPI chart cards, and Nightwatch-style monitoring panels.
resources/views/components/ui/chart-card.blade.php
Feature × plan matrix with grouped rows, check / dash markers and a highlighted recommended column.
resources/views/components/ui/comparison-table.blade.php
Stacked avatar groups, label/value description lists and pulsing skeleton loaders.
resources/views/components/ui/description-list.blade.php
A selectable mailbox list with folders, labels, and search.
resources/views/components/ui/email-list.blade.php
A companion list for globe markers with labels, coordinates, and variants.
resources/views/components/ui/globe-location-list.blade.php
Printable invoice / receipt with a status badge, billed-to / billed-from blocks, a line-item table and an aligned totals summary. Numeric amounts are formatted with the currency symbol; pre-formatted strings pass through. Use the actions slot for print / download.
resources/views/components/ui/invoice.blade.php
A lightweight divided list for files, people, and settings rows.
resources/views/components/ui/list.blade.php
Compact loading feedback with five distinct indicator silhouettes, a shimmering label and an optional elapsed timer.
resources/views/components/ui/loading-state.blade.php
Chart.js wrapper — clean, minimal charts that re-theme from the palette and follow dark mode. Plus inline sparklines, KPI chart cards, and Nightwatch-style monitoring panels.
resources/views/components/ui/monitoring-chart.blade.php
Chart.js wrapper — clean, minimal charts that re-theme from the palette and follow dark mode. Plus inline sparklines, KPI chart cards, and Nightwatch-style monitoring panels.
resources/views/components/ui/monitoring-chart-board.blade.php
Activation checklist with a circular completion ring and a 'x of y' count. Tick steps off (state persists in localStorage when storage-key is set); steps can carry a call-to-action. A celebratory state appears when everything is done.
resources/views/components/ui/onboarding-checklist.blade.php
Composable responsive tables, plus a plain bordered table for straightforward data grids.
resources/views/components/ui/plain-table.blade.php
Plan cards with a monthly/annual billing toggle. Prices switch reactively; the recommended plan is emphasized.
resources/views/components/ui/pricing-table.blade.php
Stacked avatar groups, label/value description lists and pulsing skeleton loaders.
resources/views/components/ui/skeleton.blade.php
KPI tiles with icon and trend indicator, including a compact size.
resources/views/components/ui/stat.blade.php
Animated headline metrics that count up as the band scrolls into view.
resources/views/components/ui/stat-band-animated.blade.php
Service status board: a coloured overall banner above a list of services, each with a status badge, an uptime percentage and a 90-day uptime history strip. The overall status is derived from the worst service when not set. Hover a day for its status.
resources/views/components/ui/status-page.blade.php
Composable responsive tables, plus a plain bordered table for straightforward data grids.
resources/views/components/ui/table.blade.php
Team management panel: active members with an avatar, name, email, role badge and an actions menu, plus a pending-invites group with resend / revoke. Role colours are configurable and the header shows a live member count.
resources/views/components/ui/team-members.blade.php
Vertical activity feed with colored event markers.
resources/views/components/ui/timeline.blade.php
Contextual banners in info, success, warning and danger variants.
resources/views/components/ui/alert.blade.php
Full-width announcement / promo bar for launches and notices. Dismissible, with optional localStorage persistence. Distinct from inline alerts and transient toasts.
resources/views/components/ui/banner.blade.php
Spinners, progress bars, tooltips and empty states.
resources/views/components/ui/empty-state.blade.php
Full-page or container overlay loading state with a backdrop and a spinner, dots or bars indicator, plus optional title, message and determinate progress. Toggle the full-page version by dispatching show-loader / hide-loader window events. For small inline cases use the spinner.
resources/views/components/ui/page-loader.blade.php
Spinners, progress bars, tooltips and empty states.
resources/views/components/ui/progress.blade.php
Spinners, progress bars, tooltips and empty states.
resources/views/components/ui/spinner.blade.php
Notifications that slide into the top-right corner, stack, pause on hover and fade away on their own. Dispatch a `notify` event to trigger one from anywhere.
resources/views/components/ui/toast.blade.php
Spinners, progress bars, tooltips and empty states.
resources/views/components/ui/tooltip.blade.php
Contextual plan-limit nudge. An icon medallion, headline + description, an optional inline usage meter and a primary CTA. Three variants — brand (nudge), amber (approaching limit) and red (limit reached) — and an optional dismiss with localStorage.
resources/views/components/ui/upgrade-banner.blade.php
A polished sign-in form with helper links and validation-ready fields.
resources/views/components/ui/auth-login-form.blade.php
A standalone month calendar, subscription-aware billing calendar, cascading multi-level select and a dual-list transfer control.
resources/views/components/ui/calendar.blade.php
A standalone month calendar, subscription-aware billing calendar, cascading multi-level select and a dual-list transfer control.
resources/views/components/ui/cascader.blade.php
Reusable category management fields for admin create and edit forms.
resources/views/components/ui/category-form-fields.blade.php
Inputs, selects, textareas, checkboxes, radios and toggles — all wired to the field wrapper.
resources/views/components/ui/checkbox.blade.php
A swatch trigger with presets, native color input, and hex editing.
resources/views/components/ui/color-picker.blade.php
Searchable, keyboard-navigable select. Type to filter, arrow keys to move, Enter to choose.
resources/views/components/ui/combobox.blade.php
A swatch trigger with presets, native color input, and hex editing.
resources/views/components/ui/field.blade.php
A complete drag-and-drop upload form: dropzone, image thumbnails, per-file progress, size/type/count validation, a total-size summary and submit/cancel actions. Backed by a real native file input. This demo uses simulate to animate progress.
resources/views/components/ui/file-upload-form.blade.php
A tags/token field plus integer-, decimal-, and time-specific controls with steppers, clamping and format-aware states.
resources/views/components/ui/float-input.blade.php
Reusable category management fields for admin create and edit forms.
resources/views/components/ui/form-actions.blade.php
Inputs, selects, textareas, checkboxes, radios and toggles — all wired to the field wrapper.
resources/views/components/ui/input.blade.php
A tags/token field plus integer-, decimal-, and time-specific controls with steppers, clamping and format-aware states.
resources/views/components/ui/int-input.blade.php
Inputs, selects, textareas, checkboxes, radios and toggles — all wired to the field wrapper.
resources/views/components/ui/mention-input.blade.php
Inputs, selects, textareas, checkboxes, radios and toggles — all wired to the field wrapper.
resources/views/components/ui/password-input.blade.php
Shared authoring fields for blog post create and edit screens.
resources/views/components/ui/post-form-fields.blade.php
Inputs, selects, textareas, checkboxes, radios and toggles — all wired to the field wrapper.
resources/views/components/ui/radio.blade.php
Dependency-free WYSIWYG editor. A contenteditable surface with a formatting toolbar (bold, italic, headings, lists, quote, link) whose buttons reflect the active selection. The HTML mirrors into a hidden textarea so it submits as a normal form field. Theme-aware prose styling.
resources/views/components/ui/rich-text-editor.blade.php
Inputs, selects, textareas, checkboxes, radios and toggles — all wired to the field wrapper.
resources/views/components/ui/select.blade.php
A standalone month calendar, subscription-aware billing calendar, cascading multi-level select and a dual-list transfer control.
resources/views/components/ui/subscription-calendar.blade.php
A tags/token field plus integer-, decimal-, and time-specific controls with steppers, clamping and format-aware states.
resources/views/components/ui/tags-input.blade.php
Inputs, selects, textareas, checkboxes, radios and toggles — all wired to the field wrapper.
resources/views/components/ui/textarea.blade.php
A compact theme selector bound to the shared Alpine theme store.
resources/views/components/ui/theme-color-picker.blade.php
A compact dark mode toggle button for navigation bars and floating docks.
resources/views/components/ui/theme-mode-toggle.blade.php
A tags/token field plus integer-, decimal-, and time-specific controls with steppers, clamping and format-aware states.
resources/views/components/ui/time-picker.blade.php
Inputs, selects, textareas, checkboxes, radios and toggles — all wired to the field wrapper.
resources/views/components/ui/toggle.blade.php
A standalone month calendar, subscription-aware billing calendar, cascading multi-level select and a dual-list transfer control.
resources/views/components/ui/transfer-list.blade.php
Plain-text article content rendered as spaced, readable paragraphs.
resources/views/components/ui/article-body.blade.php
A styled scroll area, a fixed aspect-ratio box and a scroll-spy anchor nav.
resources/views/components/ui/aspect-ratio.blade.php
A compact auth-page footer that links to the alternate entry path.
resources/views/components/ui/auth-footer.blade.php
Image avatars with initials fallback, sizes, status indicators, plus gradient, paint swirl, glass orb, identicon, faceted gem, mesh gradient, and topographic contour backgrounds.
resources/views/components/ui/avatar.blade.php
Editorial mastheads and post-list rows for blog indexes and category archives.
resources/views/components/ui/blog/article-meta.blade.php
A reveal-aware feature block with icon, copy, and optional media mockup.
resources/views/components/ui/capability-animated.blade.php
Higher-level app patterns for search toolbars, filters, settings forms, identity rows, validation summaries, grouped inputs, action rows and data tables.
resources/views/components/ui/choice-card.blade.php
A single expandable section for settings, metadata, and grouped details.
resources/views/components/ui/collapsible.blade.php
A threaded comment item with reply handling and inline reactions.
resources/views/components/ui/comment.blade.php
A full threaded comment section with guest posting, replies, and reactions.
resources/views/components/ui/comments.blade.php
Animated numeric callouts for dashboards, marketing bands, and KPI cards.
resources/views/components/ui/counter.blade.php
A focused call to action followed by concise contact details and footer navigation.
resources/views/components/ui/cta-footer.blade.php
Range slider, segmented control, star rating, one-time-code, date picker and a drag-and-drop file dropzone.
resources/views/components/ui/date-picker.blade.php
Range slider, segmented control, star rating, one-time-code, date picker and a drag-and-drop file dropzone.
resources/views/components/ui/date-range-picker.blade.php
A destructive confirmation modal with a bound form and footer actions.
resources/views/components/ui/delete-confirm.blade.php
A reading pane for message headers, labels, body copy, and attachments.
resources/views/components/ui/email-viewer.blade.php
Self-contained emoji reactions with a dropdown picker menu. Toggle pills in place; selecting an emoji dispatches emoji-react.
resources/views/components/ui/emoji-reacts.blade.php
A compact recovery surface for common HTTP failures and maintenance states.
resources/views/components/ui/error-page.blade.php
An alternating split layout for marketing copy paired with a visual panel.
resources/views/components/ui/feature-row.blade.php
A reveal-aware feature tile for product grids and landing pages.
resources/views/components/ui/feature-tile-animated.blade.php
A file browser with breadcrumbs, search, sort, a grid/list view toggle, multi-select with a contextual action bar, type-aware icons, image thumbnails and an optional storage meter.
resources/views/components/ui/file-manager.blade.php
Range slider, segmented control, star rating, one-time-code, date picker and a drag-and-drop file dropzone.
resources/views/components/ui/file-upload.blade.php
A file detail panel: a preview pane (image or type-aware icon), an action toolbar with a more-actions menu, a details list, owner, tags and slots for custom preview, actions and footer. Drop it in a drawer, modal, split panel or detail column.
resources/views/components/ui/file-viewer.blade.php
Higher-level app patterns for search toolbars, filters, settings forms, identity rows, validation summaries, grouped inputs, action rows and data tables.
resources/views/components/ui/filter-bar.blade.php
A typography specimen card for documenting stack, role, and usage notes.
resources/views/components/ui/font-specimen.blade.php
Higher-level app patterns for search toolbars, filters, settings forms, identity rows, validation summaries, grouped inputs, action rows and data tables.
resources/views/components/ui/form-section.blade.php
Animated brand-gradient text for hero words, metrics, and highlight phrases.
resources/views/components/ui/gradient-text.blade.php
Phosphor icon wrapper with selectable weight and size.
app/Support/CustomIcons.php
A self-contained infrastructure visual with network, compute, and data columns.
resources/views/components/ui/infra-panel.blade.php
Higher-level app patterns for search toolbars, filters, settings forms, identity rows, validation summaries, grouped inputs, action rows and data tables.
resources/views/components/ui/input-group.blade.php
Columns of draggable cards with native drag-and-drop (no dependencies). Drag a card between columns and the counts update.
resources/views/components/ui/kanban-board.blade.php
Structured event rows with timestamps, status badges, and typed message parts.
resources/views/components/ui/log-activity-row.blade.php
A searchable application log surface with levels, channels, and expandable context.
resources/views/components/ui/log-viewer.blade.php
An infinite horizontal marquee for logos, feature names, and partner strips.
resources/views/components/ui/marquee.blade.php
A stored payment method with a brand mark, masked number, expiry, an optional Default badge and an actions menu. Supports cards (brand-coloured), PayPal and bank accounts, and flags expired cards. The billing companion to the invoice and billing history.
resources/views/components/ui/payment-method.blade.php
Range slider, segmented control, star rating, one-time-code, date picker and a drag-and-drop file dropzone.
resources/views/components/ui/pin-input.blade.php
Range slider, segmented control, star rating, one-time-code, date picker and a drag-and-drop file dropzone.
resources/views/components/ui/range.blade.php
A styled scroll area, a fixed aspect-ratio box and a scroll-spy anchor nav.
resources/views/components/ui/scroll-area.blade.php
A styled scroll area, a fixed aspect-ratio box and a scroll-spy anchor nav.
resources/views/components/ui/scroll-spy.blade.php
Fixed top-right floating button that appears after scrolling and smoothly returns the viewport to the top. It is mounted on this page — scroll down to reveal the arrow button.
resources/views/components/ui/scroll-to-top.blade.php
Higher-level app patterns for search toolbars, filters, settings forms, identity rows, validation summaries, grouped inputs, action rows and data tables.
resources/views/components/ui/search-toolbar.blade.php
A reveal-aware feature block with icon, copy, and optional media mockup.
resources/views/components/ui/sparkline.blade.php
A full-bleed themeable component gallery surface with flame, prism and ember backdrops.
resources/views/components/ui/spectral-showcase.blade.php
Interactive palette chips that show token shade values and copy hex colors.
resources/views/components/ui/swatch.blade.php
Fixed bottom-right appearance menu with light/dark mode and runtime theme colour switching. It is mounted on this page — use the swatches button in the corner.
resources/views/components/ui/theme-dock.blade.php
A condensed uptime history strip for status boards and service summaries.
resources/views/components/ui/uptime-bar.blade.php
Higher-level app patterns for search toolbars, filters, settings forms, identity rows, validation summaries, grouped inputs, action rows and data tables.
resources/views/components/ui/user-identity.blade.php
Higher-level app patterns for search toolbars, filters, settings forms, identity rows, validation summaries, grouped inputs, action rows and data tables.
resources/views/components/ui/validation-summary.blade.php
An alternating split layout for marketing copy paired with a visual panel.
resources/views/components/ui/window.blade.php
A multi-section API reference with endpoint tabs, examples, and schemas.
resources/views/components/ui/api-documentation.blade.php
API key manager: lists issued tokens with a masked secret and one-click copy, scope badges, created / last-used metadata and a per-row actions menu. Revoked keys are dimmed. Pairs with the copy button; shows an empty state when there are no keys.
resources/views/components/ui/api-keys.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-backup-config-card.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-certificate-status-card.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-cron-builder.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-daemon-card.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-database-card.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-database-user-permissions.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-deploy-log-viewer.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-deploy-script-editor.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-deployment-row.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-disk-filesystems.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-disk-usage-card.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-domain-row.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-firewall-rule-row.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-heartbeat-status.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-permission-matrix.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-provider-picker.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-queue-worker-card.blade.php
Compact infrastructure meters for CPU, memory, disk, and bandwidth usage.
resources/views/components/ui/forge-resource-meter.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-server-card.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-site-card.blade.php
Domain-specific infrastructure components for a Forge-style control plane: providers, servers, disk usage, filesystems, sites, deployments, domains, processes, databases, backups, network rules, SSH keys and team permissions.
resources/views/components/ui/forge-ssh-key-card.blade.php
Structured viewer for captured ps auxww --sort=-%cpu output, with CPU and memory bars for quick server triage.
resources/views/components/ui/process-list.blade.php
A transparent horizontal strip of {icon} {value} segments for system or resource metadata. Icon, label and value are each optional, and any segment can carry a hover tooltip.
resources/views/components/ui/status-bar.blade.php
Metered-usage / quota bar for consumption-based billing. The fill turns amber past a warn threshold and red past a danger threshold (or when over the limit). A null limit is treated as unlimited.
resources/views/components/ui/usage-meter.blade.php
Authenticated SaaS/admin frame with desktop sidebar, mobile drawer, sticky topbar, actions and optional user slot.
resources/views/components/ui/app-shell.blade.php
Authenticated SaaS/admin frame with desktop sidebar, mobile drawer, sticky topbar, actions and optional user slot.
resources/views/components/ui/brand.blade.php
Surface container with composable header, body and footer sections, plus status, metrics and pipeline cards for dashboards.
resources/views/components/ui/card.blade.php
Cards with a physical metaphor — perforated tickets, printed receipts, drafting sheets, paper stacks and file folders.
resources/views/components/ui/card-folder.blade.php
Cards with a physical metaphor — perforated tickets, printed receipts, drafting sheets, paper stacks and file folders.
resources/views/components/ui/card-frame.blade.php
Cards with a physical metaphor — perforated tickets, printed receipts, drafting sheets, paper stacks and file folders.
resources/views/components/ui/card-ledger.blade.php
Cards with a physical metaphor — perforated tickets, printed receipts, drafting sheets, paper stacks and file folders.
resources/views/components/ui/card-stack.blade.php
Cards with a physical metaphor — perforated tickets, printed receipts, drafting sheets, paper stacks and file folders.
resources/views/components/ui/card-ticket.blade.php
A category summary card with post counts and a route-backed CTA.
resources/views/components/ui/category-card.blade.php
Authenticated SaaS/admin frame with desktop sidebar, mobile drawer, sticky topbar, actions and optional user slot.
resources/views/components/ui/data-table.blade.php
Authenticated SaaS/admin frame with desktop sidebar, mobile drawer, sticky topbar, actions and optional user slot.
resources/views/components/ui/icon-button.blade.php
Surface container with composable header, body and footer sections, plus status, metrics and pipeline cards for dashboards.
resources/views/components/ui/metrics-card.blade.php
Surface container with composable header, body and footer sections, plus status, metrics and pipeline cards for dashboards.
resources/views/components/ui/pipeline-card.blade.php
An editorial showcase card with a dedicated preview slot and spectral styling.
resources/views/components/ui/spectral-component-card.blade.php
Resizable two-pane layout with a draggable divider (no dependencies). Drag the handle to resize; supports horizontal and vertical orientations.
resources/views/components/ui/split-panels.blade.php
A hover-reactive card with a pointer-following spotlight and subtle tilt.
resources/views/components/ui/spotlight-card.blade.php
Authenticated SaaS/admin frame with desktop sidebar, mobile drawer, sticky topbar, actions and optional user slot.
resources/views/components/ui/stat-band.blade.php
Surface container with composable header, body and footer sections, plus status, metrics and pipeline cards for dashboards.
resources/views/components/ui/stat-card.blade.php
Compact audio chrome with artwork, skip controls, scrubbing and mute — same interaction model as the video player.
resources/views/components/ui/audio-player.blade.php
Queue / up-next list for audio players and wave cards. Selecting a track dispatches audio-source.
resources/views/components/ui/audio-playlist.blade.php
Playable audio card with a scrubbable waveform. Pass custom peaks or let Harbour generate a deterministic wave from the track.
resources/views/components/ui/audio-wave-card.blade.php
Editable cue list synced to the playhead. Jump to a cue or emit caption-change as you type.
resources/views/components/ui/caption-editor.blade.php
Share sheet with copy, native share, download, Cast and AirPlay affordances.
resources/views/components/ui/cast-share-sheet.blade.php
Timestamped comments that seek the paired player. New posts dispatch media-comment.
resources/views/components/ui/media-comments.blade.php
KPI strip for views, watch time, completion and average view duration, with an optional sparkline.
resources/views/components/ui/media-stats.blade.php
Dual-handle in/out trimmer with preview, numeric inputs, and media-trim / video-seek events for paired players.
resources/views/components/ui/media-trimmer.blade.php
Drag-and-drop zone tuned for video and audio files, with queue management and media-selected events.
resources/views/components/ui/media-upload.blade.php
Rate picker (0.5×–2×) that dispatches video-playback-rate for video and audio players.
resources/views/components/ui/playback-speed-menu.blade.php
Idle / recording / paused transport with mute and recording-* events for camera or mic capture.
resources/views/components/ui/recording-controls.blade.php
Caption language picker that dispatches video-text-track to a paired video player.
resources/views/components/ui/subtitle-track-menu.blade.php
Pick a poster from candidate frames. Optional video sampling and “use current frame” capture when a source is provided.
resources/views/components/ui/thumbnail-chooser.blade.php
Thumbnail cards for grids and up-next rails. Vertical or horizontal, with duration, uploader and views.
resources/views/components/ui/video-card.blade.php
Watch layout: player with an on-player quality menu, plus share, playlist, chapters and transcript. Open the full-page demo for a complete media surface.
resources/views/components/ui/video-chapters.blade.php
Empty, processing, error and offline placeholders for video surfaces — including a transcoding progress state.
resources/views/components/ui/video-empty.blade.php
Responsive searchable media library. Cards dispatch video-source to a paired player.
resources/views/components/ui/video-grid.blade.php
Companion metadata for a video: uploader, published date, views, resolution, bitrate, duration, codec and tags. Use layout bar, chips or list.
resources/views/components/ui/video-meta.blade.php
Custom HTML5 video player with play/pause, scrubbing, mute/volume, on-player quality menu, fullscreen and keyboard shortcuts (Space, ←/→, M, F). Pair it with video meta for uploader, date, bitrate and more.
resources/views/components/ui/video-player.blade.php
Watch layout: player with an on-player quality menu, plus share, playlist, chapters and transcript. Open the full-page demo for a complete media surface.
resources/views/components/ui/video-playlist.blade.php
An external rendition switcher for video players and watch pages.
resources/views/components/ui/video-quality-menu.blade.php
Watch layout: player with an on-player quality menu, plus share, playlist, chapters and transcript. Open the full-page demo for a complete media surface.
resources/views/components/ui/video-share.blade.php
Watch layout: player with an on-player quality menu, plus share, playlist, chapters and transcript. Open the full-page demo for a complete media surface.
resources/views/components/ui/video-transcript.blade.php
Horizontal or vertical level meters with optional live pulse — useful beside recording controls.
resources/views/components/ui/volume-meter.blade.php
Spotlight-style ⌘K / Ctrl+K launcher. Filters grouped commands, navigates with the arrow keys and runs the highlighted item on Enter. Mount once per page.
resources/views/components/ui/command-palette.blade.php
A slide-over panel for filters or detail editing, and a popover for rich anchored content.
resources/views/components/ui/drawer.blade.php
Spotlight-style ⌘K / Ctrl+K launcher. Filters grouped commands, navigates with the arrow keys and runs the highlighted item on Enter. Mount once per page.
resources/views/components/ui/kbd.blade.php
Control dialog width with the maxWidth prop — sm, md, lg (default), xl, 2xl, 3xl, 4xl or full.
resources/views/components/ui/modal.blade.php
Bell trigger with a dropdown feed of recent notifications, an unread badge and a “Mark all read” action. Click an item to mark it read.
resources/views/components/ui/notification-center.blade.php
A slide-over panel for filters or detail editing, and a popover for rich anchored content.
resources/views/components/ui/popover.blade.php
A slide-over panel for filters or detail editing, and a popover for rich anchored content.
resources/views/components/ui/rating.blade.php
A slide-over panel for filters or detail editing, and a popover for rich anchored content.
resources/views/components/ui/segmented.blade.php