Block Registry

Pre-built UI blocks you can add to any Next.js project with a single command. Built on shadcn/ui, powered by the Sprinter design system.

npx shadcn add "https://ui.sprinterai.dev/r"

Foundation

Sprinter Base

Base

Foundation design system with oklch theme, CSS variables, and platform dependencies.

npx shadcn add "https://ui.sprinterai.dev/r/sprinter-base.json"
@sprinterai/core

2 files

Blocks 138 available

Render Registry

Block

Auto-renderers for entities, fields, and tools. Full amble-parity field-renderer suite: display + input variants for text, number, date, email, enum, url, phone, boolean, array, object, relation, and media. Includes FieldDefinitionEditor, FieldDefinitionForm, FieldDefinitionDisplay, and per-type config panels.

npx shadcn add "https://ui.sprinterai.dev/r/render-registry.json"
@sprinterai/corebadgebuttoncardcheckboxinputlabelselectswitchtextarea

38 files

Theme Provider

Block

oklch theme system with light/dark mode and customizable presets.

npx shadcn add "https://ui.sprinterai.dev/r/theme-provider.json"
https://ui.sprinterai.dev/r/sprinter-base.json

1 file

Field Renderer

Block

Universal field value renderer supporting text, number, currency, date, boolean, URL, email, select, and more with automatic type detection from schema.

npx shadcn add "https://ui.sprinterai.dev/r/field-renderer.json"
badge

1 file

Entity List

Block

Entity list page with table, grid, and kanban views. Search, filtering, and sorting.

npx shadcn add "https://ui.sprinterai.dev/r/entity-list.json"
@sprinterai/corebadgebuttoncardcheckboxcommandinputpopoverhttps://ui.sprinterai.dev/r/render-registry.jsonselecthttps://ui.sprinterai.dev/r/sprinter-base.jsontable

1 file

Entity Detail

Block

Entity detail page with field rendering, relations panel, and activity.

npx shadcn add "https://ui.sprinterai.dev/r/entity-detail.json"
@sprinterai/corebadgebuttoncardhttps://ui.sprinterai.dev/r/render-registry.jsonseparatorhttps://ui.sprinterai.dev/r/sprinter-base.jsontabs

1 file

Entity Form

Block

Schema-driven entity create/edit form generated from entity type JSON schema.

npx shadcn add "https://ui.sprinterai.dev/r/entity-form.json"
@sprinterai/corehttps://ui.sprinterai.dev/r/render-registry.jsondialogbuttoninputselecttextarealabel

1 file

Chat Panel

Block

Multi-agent chat panel with message list, tool results, and UIIntent rendering.

npx shadcn add "https://ui.sprinterai.dev/r/chat-panel.json"
@sprinterai/coreai@ai-sdk/reactavatarbadgebuttoncarddropdown-menuinputselecthttps://ui.sprinterai.dev/r/sprinter-base.jsontabletooltip

10 files

Prompt Input

Block

Chat prompt input with agent selector, @mention autocomplete, and auto-resize textarea.

npx shadcn add "https://ui.sprinterai.dev/r/prompt-input.json"
buttondropdown-menu

5 files

Agent Sidebar

Block

Pinnable, resizable right sidebar for agent chat with entity context awareness.

npx shadcn add "https://ui.sprinterai.dev/r/agent-sidebar.json"
buttonbadgetooltip

3 files

Kanban Primitives

Block

Generic drag-and-drop kanban primitives using @dnd-kit/core. Provides KanbanContainer, KanbanColumn, and KanbanDragContext for building custom boards.

npx shadcn add "https://ui.sprinterai.dev/r/kanban.json"
@dnd-kit/corebadgescroll-area

3 files

Task Hub

Block

Full-featured task management UI with Inbox, Board, and Planner views. Drag-and-drop kanban, collapsible sections, and due-date timeline. All data via props.

npx shadcn add "https://ui.sprinterai.dev/r/task-hub.json"
@sprinterai/core@dnd-kit/coredate-fnsbadgebuttoncardcollapsiblescroll-areaselectskeletontoggle-group

10 files

Task Detail

Block

Two-column task detail view with header, subtasks, DAG visualization (@xyflow/react + dagre), configuration, run timeline, live activity, and properties panel. All data via props.

npx shadcn add "https://ui.sprinterai.dev/r/task-detail.json"
@sprinterai/core@xyflow/reactdagredate-fnsbadgebuttoncardcollapsibledropdown-menuinputscroll-areaselectskeleton

10 files

Task Board (deprecated)

Block

Deprecated: use task-hub instead. Simple static kanban board for tasks.

npx shadcn add "https://ui.sprinterai.dev/r/task-board.json"
@sprinterai/coreavatarbadgebuttoncardscroll-area

1 file

App Shell

Block

Application shell with dynamic sidebar navigation, header, and command palette.

npx shadcn add "https://ui.sprinterai.dev/r/app-shell.json"
@sprinterai/corelucide-reacthttps://ui.sprinterai.dev/r/sprinter-base.jsonsidebarbuttoncommanddialogavatardropdown-menu

1 file

Auth Flow

Block

Login, signup, and password reset forms with Supabase Auth integration.

npx shadcn add "https://ui.sprinterai.dev/r/auth-flow.json"
@sprinterai/supabasecardbuttoninputlabel

1 file

Admin Panel

Block

Admin shell with entity type editor, member management, and configuration.

npx shadcn add "https://ui.sprinterai.dev/r/admin-panel.json"
@sprinterai/core@sprinterai/supabasecardtabstablebuttoninputselectbadgedialog

1 file

Dashboard Layout

Block

Responsive dashboard grid layout with KPI row, chart section, and activity section widget slots.

npx shadcn add "https://ui.sprinterai.dev/r/dashboard-layout.json"

1 file

Widget Data Table

Block

Reusable data table with column visibility, density modes, sorting, filtering, pagination, and row selection.

npx shadcn add "https://ui.sprinterai.dev/r/widget-data-table.json"
lucide-reacttableinputbuttonselectbadgepopover

1 file

Widget Kanban

Block

Kanban board with @dnd-kit drag-and-drop, WIP limits, dynamic columns, and rich card rendering.

npx shadcn add "https://ui.sprinterai.dev/r/widget-kanban.json"
@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilitiescardbadge

3 files

Widget Chart

Block

Bar, Line, and Pie chart wrappers using Recharts, themed with oklch CSS variables and responsive containers.

npx shadcn add "https://ui.sprinterai.dev/r/widget-chart.json"
rechartscardchart

1 file

Widget Stats

Block

KPI stat cards with value, label, trend indicator, progress bar, and responsive stat grid layout.

npx shadcn add "https://ui.sprinterai.dev/r/widget-stats.json"
card

1 file

Activity Feed

Block

Activity timeline with comments, notifications, and entity events.

npx shadcn add "https://ui.sprinterai.dev/r/activity-feed.json"
@sprinterai/corecardavatarbadgebuttontextarea

1 file

Comments Thread

Block

Threaded comments with avatars, timestamps, nested replies, and comment form.

npx shadcn add "https://ui.sprinterai.dev/r/comments-thread.json"
avatarbuttontextarea

1 file

Notification Center

Block

Notification bell with unread count, notification dropdown list, and mark-as-read functionality.

npx shadcn add "https://ui.sprinterai.dev/r/notification-center.json"
lucide-reactbadgebuttoncardpopoverscroll-areatabs

1 file

Notification Bell

Block

Bell icon with unread count badge for app shell headers. Shows a compact preview popover when recent items are provided, or calls onOpen directly. Pure UI, props-based — no Supabase dependency.

npx shadcn add "https://ui.sprinterai.dev/r/notification-bell.json"
lucide-reactbuttonpopover

1 file

Document Viewer

Block

Document card with thumbnail and metadata, document list view, and file upload dropzone.

npx shadcn add "https://ui.sprinterai.dev/r/document-viewer.json"
lucide-reactbadgebuttoncarddialoglabelselectseparatortabs

1 file

Workflow Viewer

Block

Workflow run status display with progress bar, node run list with status indicators, and timeline view.

npx shadcn add "https://ui.sprinterai.dev/r/workflow-viewer.json"
lucide-reactbadgecarddialog

1 file

Response Panel

Block

Response scoring display with criteria dimensions viewer, score bars/radar chart, and response history list.

npx shadcn add "https://ui.sprinterai.dev/r/response-panel.json"
lucide-reactbadgebuttoncardseparator

1 file

Graph View

Block

Simple SVG-based entity relationship graph with node and edge rendering. No external graph library required.

npx shadcn add "https://ui.sprinterai.dev/r/graph-view.json"

1 file

Hero Section

Block

Landing page hero section with heading, subheading, CTA buttons, and optional background image.

npx shadcn add "https://ui.sprinterai.dev/r/hero-section.json"
button

1 file

Pricing Page

Block

Pricing page with tier cards, feature lists, and CTA buttons. Supports monthly/annual toggle.

npx shadcn add "https://ui.sprinterai.dev/r/pricing-page.json"
cardbuttonbadge

1 file

FAQ Section

Block

FAQ section with expandable question/answer pairs using accordion pattern.

npx shadcn add "https://ui.sprinterai.dev/r/faq-section.json"
accordion

1 file

CTA Section

Block

Call-to-action section with heading, description, and action buttons.

npx shadcn add "https://ui.sprinterai.dev/r/cta-section.json"
buttoninputlabel

1 file

Testimonial Grid

Block

Grid of customer testimonial cards with quotes, author names, and avatar images.

npx shadcn add "https://ui.sprinterai.dev/r/testimonial-grid.json"
avatarbuttoncard

1 file

Lead Capture

Block

Lead capture form with email input, optional fields, and submission handling.

npx shadcn add "https://ui.sprinterai.dev/r/lead-capture.json"
cardbuttoninputlabel

1 file

Site Header

Block

Marketing site header with logo, navigation links, and CTA buttons. Responsive with mobile menu.

npx shadcn add "https://ui.sprinterai.dev/r/site-header.json"
lucide-reactbutton

1 file

Site Footer

Block

Marketing site footer with link columns, branding, and social icons.

npx shadcn add "https://ui.sprinterai.dev/r/site-footer.json"
buttoninput

1 file

Menu Hover Flyout

Block

Sidebar icon-rail hover flyout that reveals child navigation links on hover.

npx shadcn add "https://ui.sprinterai.dev/r/menu-hover-flyout.json"
lucide-reacthover-cardsidebar

1 file

Theme Library

Block

Sheet-based theme browser with built-in oklch color presets and one-click apply.

npx shadcn add "https://ui.sprinterai.dev/r/theme-library.json"
lucide-reactbuttoncardseparatorsheet

1 file

Import Theme Dialog

Block

Dialog for importing CSS variable themes from shadcn/ui or tweakcn with automatic parsing.

npx shadcn add "https://ui.sprinterai.dev/r/import-theme-dialog.json"
lucide-reactbuttondialogtextarea

1 file

View Renderer

Block

Renders a ViewLayout on a 12-column grid using a BlockRendererMap. The core composable view rendering engine.

npx shadcn add "https://ui.sprinterai.dev/r/view-renderer.json"

1 file

View Editor

Block

Visual editor for composing block layouts with palette, config panels, reorder controls, and surface type selector.

npx shadcn add "https://ui.sprinterai.dev/r/view-editor.json"
lucide-reactbadgebuttoninputlabelscroll-areaselectsheettextarea

4 files

Widget Text

Block

Renders static text/markdown content as a view block with basic formatting support.

npx shadcn add "https://ui.sprinterai.dev/r/widget-text.json"
card

1 file

Widget Entity List

Block

Searchable, schema-driven entity table block for use in view layouts.

npx shadcn add "https://ui.sprinterai.dev/r/widget-entity-list.json"
lucide-reactbadgecardinputtable

1 file

Command Palette

Block

Command palette item definitions with page navigation, admin actions, and dynamic entity type groups.

npx shadcn add "https://ui.sprinterai.dev/r/command-palette.json"
lucide-reactcommand

1 file

Memory Card

Block

Rich display card for a single user memory with source badge, timestamp, copy, edit, and delete actions.

npx shadcn add "https://ui.sprinterai.dev/r/memory-card.json"
badgebuttoncardtextarea

1 file

Memory List

Block

Memory management panel with tabbed views (all/agent/user), search, create, edit, and delete functionality.

npx shadcn add "https://ui.sprinterai.dev/r/memory-list.json"
badgebuttoncardinputscroll-areatabstextarea

1 file

Nav Editor

Block

Visual navigation editor with drag-and-drop tree, per-node settings, sidebar style picker, and JSON editing tab.

npx shadcn add "https://ui.sprinterai.dev/r/nav-editor.json"
@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilities@sprinterai/corelucide-reactbadgebuttoninputlabelradio-groupselectswitchtabstextarea

1 file

Page Header

Block

Reusable page header with title, description, optional badge, and action buttons.

npx shadcn add "https://ui.sprinterai.dev/r/page-header.json"

1 file

Response Form

Block

Schema-driven response submission form for proposing entity field values with optional notes.

npx shadcn add "https://ui.sprinterai.dev/r/response-form.json"
lucide-reactbuttoncardinputlabelselecttextarea

1 file

Score Display

Block

Score visualization with bar charts, SVG radar chart, dimension stats, and value distribution for criteria sets.

npx shadcn add "https://ui.sprinterai.dev/r/score-display.json"
card

1 file

Share Link Dialog

Block

Dialog for creating, copying, and revoking shareable entity links with expiration options.

npx shadcn add "https://ui.sprinterai.dev/r/share-link-dialog.json"
badgebuttondialogselectseparator

1 file

Sidebar User Menu

Block

Sidebar footer user menu with avatar, tenant switcher, dark mode toggle, settings links, and sign out.

npx shadcn add "https://ui.sprinterai.dev/r/sidebar-user-menu.json"
lucide-reactavatardropdown-menusidebarswitch

1 file

Skill Library

Block

Grid of skills grouped by category with search filtering, edit, and delete actions.

npx shadcn add "https://ui.sprinterai.dev/r/skill-library.json"
badgebuttoncardinput

1 file

Source Admin

Block

CRUD interface for data ingestion sources with sync status indicators (active/paused/error/never_synced), scrape strategy picker (auto/http/firecrawl/browser), schedule presets, error tooltips, stat cards, field mapping editor, and enable/disable toggles.

npx shadcn add "https://ui.sprinterai.dev/r/source-admin.json"
badgebuttoncarddialoginputlabelselectswitchtooltip

1 file

External Data Dashboard

Block

Dashboard for managing webhook and API external data sources. Includes source list with push count and last-received time, webhook setup panel with token/secret display, HMAC signature instructions, metric cards for latest data points with value/change/unit, and create/delete/enable-toggle actions.

npx shadcn add "https://ui.sprinterai.dev/r/external-data-dashboard.json"
badgebuttoncarddialoginputlabelselectswitchtextarea

1 file

Task Form

Block

Task creation and editing dialog with title, description, status, priority, assignee, due date, and tags.

npx shadcn add "https://ui.sprinterai.dev/r/task-form.json"
buttondialoginputlabelselecttextarea

1 file

Template Gallery

Block

Grid of workspace template cards with preview details, apply confirmation, and result summary dialogs.

npx shadcn add "https://ui.sprinterai.dev/r/template-gallery.json"
badgebuttoncarddialog

1 file

Theme Editor

Block

Full oklch theme editor with color pickers, geometry controls, typography selector, live preview, and save/reset.

npx shadcn add "https://ui.sprinterai.dev/r/theme-editor.json"
lucide-reactbuttoncollapsibleinputlabelpopoverradio-groupselectseparatorslider

1 file

Tool Detail

Block

Full tool detail page with auto-generated input form from JSON Schema, output display with loading skeleton, optional AI form-fill, and integrated run history.

npx shadcn add "https://ui.sprinterai.dev/r/tool-detail.json"
@sprinterai/corelucide-reactbadgebuttoninputlabelpopoverselectskeletonswitchtextareahttps://ui.sprinterai.dev/r/tool-output.jsonhttps://ui.sprinterai.dev/r/tool-run-history.json

1 file

Tool Library

Block

Browsable tool catalog with search, category filter pills, tool counts, collaborative badges, and skeleton loading state.

npx shadcn add "https://ui.sprinterai.dev/r/tool-library.json"
@sprinterai/corebadgebuttoncardinputskeleton

1 file

Tool Output

Block

Tool output renderers: generic key-value display, sortable table, summary card, JSON viewer with copy button, plain text, and status output. Includes loading skeleton.

npx shadcn add "https://ui.sprinterai.dev/r/tool-output.json"
@sprinterai/corelucide-reactbuttoncardskeleton

1 file

Tool Run History

Block

Collapsible timeline of past tool runs with status badges, input preview, duration formatting, relative timestamps, restore-on-click, and skeleton loading state.

npx shadcn add "https://ui.sprinterai.dev/r/tool-run-history.json"
@sprinterai/corelucide-reactbadgebuttoncollapsibleskeleton

1 file

Tool Session

Block

Collaborative tool session components: session launcher dialog with validation, session info stats card, and collapsible submission results list.

npx shadcn add "https://ui.sprinterai.dev/r/tool-session.json"
@sprinterai/corelucide-reactbadgebuttoncardcollapsibledialoginputlabel

1 file

Realtime Hooks

Block

Supabase Realtime hooks for query invalidation, presence tracking, typing indicators, and message streaming.

npx shadcn add "https://ui.sprinterai.dev/r/realtime-hooks.json"
@supabase/supabase-js@tanstack/react-query

4 files

Presence Avatars

Block

Overlapping circular avatars showing users currently viewing a resource, with overflow indicator and viewer count.

npx shadcn add "https://ui.sprinterai.dev/r/presence-avatars.json"
avatartooltip

1 file

Typing Indicator

Block

Animated dots indicator showing when users are typing in a chat context.

npx shadcn add "https://ui.sprinterai.dev/r/typing-indicator.json"

1 file

Favorite Button

Block

Star toggle button for favoriting entities with optimistic UI updates via fetch API.

npx shadcn add "https://ui.sprinterai.dev/r/favorite-button.json"
lucide-reactbutton

1 file

Extraction Status

Block

Extraction pipeline status card with step indicator, progress bar, and action buttons for run, approve, and reject.

npx shadcn add "https://ui.sprinterai.dev/r/extraction-status.json"
lucide-reactbadgebuttoncardtooltip

1 file

Field Approval

Block

Field-level approval cards for reviewing AI-extracted values with accept, reject, and inline edit actions.

npx shadcn add "https://ui.sprinterai.dev/r/field-approval.json"
lucide-reactbadgebuttoncardinputseparator

1 file

Entity Export

Block

Entity export page with JSON and CSV format selector, data preview, and download button for shared entities.

npx shadcn add "https://ui.sprinterai.dev/r/entity-export.json"

1 file

Collection Viewer

Block

Shared collection viewer with search, tag filtering, and responsive entity card grid.

npx shadcn add "https://ui.sprinterai.dev/r/collection-viewer.json"

1 file

Entity Split View

Block

Two-pane master/detail layout with localStorage persistence and Escape-to-close. Includes useEntitySplitView hook.

npx shadcn add "https://ui.sprinterai.dev/r/entity-split-view.json"
button

1 file

Entity Bulk Edit

Block

Dialog for editing a single field across multiple selected records. Supports enum, boolean, text, and number fields with optional status badge display.

npx shadcn add "https://ui.sprinterai.dev/r/entity-bulk-edit.json"
badgebuttondialoginputlabelselect

1 file

Entity Import

Block

CSV import dialog with automatic column mapping, data preview, field-level validation, and optional upsert/overwrite support.

npx shadcn add "https://ui.sprinterai.dev/r/entity-import.json"
badgebuttondialoglabelscroll-areaselectswitchtable

3 files

Audit Log Viewer

Block

Admin audit trail with collapsible diff view, table/resource filtering, humanized field names, and pagination. Props-based — wire up your data layer.

npx shadcn add "https://ui.sprinterai.dev/r/audit-log-viewer.json"
badgebuttoncardcollapsibleselectskeletontooltip

1 file

Document Manager

Block

Upload zone with drag-drop and progress indicator plus searchable document table with file type icons, size display, status badges, and row actions.

npx shadcn add "https://ui.sprinterai.dev/r/document-manager.json"
badgebuttoncardinputprogresstable

3 files

Skill Manager

Block

Searchable skill card grid with create/edit dialog, SKILL.md import, tool assignment, and delete confirmation. Props-based CRUD interface.

npx shadcn add "https://ui.sprinterai.dev/r/skill-manager.json"
badgebuttoncarddialoginputlabelselectswitchtextarea

3 files

PDF Viewer

Block

PDF viewer with page navigation, zoom controls, highlight overlays, and a floating text-selection action toolbar.

npx shadcn add "https://ui.sprinterai.dev/r/pdf-viewer.json"
buttoninput

3 files

Automation Manager

Block

List of heartbeat and source-sync automations with schedule display, run history table, status badges, and enable/disable toggles.

npx shadcn add "https://ui.sprinterai.dev/r/automation-manager.json"
badgebuttoncardinputswitch

2 files

Settings Panel

Block

User preferences form (theme, notifications, default model) with an optional admin-only tenant settings section.

npx shadcn add "https://ui.sprinterai.dev/r/settings-panel.json"
buttoncardinputlabelselectseparatorswitch

1 file

AI Model Selector

Block

Model catalog grid with provider badges, capability chips, speed tier, and cost display. Includes a compact dropdown picker variant.

npx shadcn add "https://ui.sprinterai.dev/r/model-selector.json"
badgebuttoncardcommandinputpopover

2 files

Branding Editor

Block

Logo upload/URL, app name, favicon, color overrides, and custom CSS textarea with a live preview panel.

npx shadcn add "https://ui.sprinterai.dev/r/branding-editor.json"
buttoncardinputlabelseparatortextarea

2 files

Content Cards

Block

Collection of presentational card variants: ListCard, DetailCard, StepCard, MeasureCard, and TimelineCard for structured content display.

npx shadcn add "https://ui.sprinterai.dev/r/content-cards.json"

1 file

Cost Charts

Block

Inline SVG bar and pie charts for displaying cost breakdowns by model, operation, or time period. No external chart library required.

npx shadcn add "https://ui.sprinterai.dev/r/cost-charts.json"
card

1 file

Enrich Button

Block

One-click AI enrichment trigger button with loading state. Calls /api/enrich/:entityId and refreshes the page on success.

npx shadcn add "https://ui.sprinterai.dev/r/enrich-button.json"
lucide-reactbutton

1 file

Entity Bulk Toolbar

Block

Sticky selection toolbar with clear, CSV export, AI extraction, and bulk delete actions for multi-selected records.

npx shadcn add "https://ui.sprinterai.dev/r/entity-bulk-toolbar.json"
lucide-reactbuttonhttps://ui.sprinterai.dev/r/entity-import.json

1 file

Entity Column Picker

Block

Popover-based column visibility picker with checkboxes for toggling table columns on and off.

npx shadcn add "https://ui.sprinterai.dev/r/entity-column-picker.json"
lucide-reactbuttoncheckboxlabelpopover

1 file

Extraction History

Block

List of past AI extraction runs for a record with status badges, timestamps, field counts, and confidence scores.

npx shadcn add "https://ui.sprinterai.dev/r/extraction-history.json"
@sprinterai/corelucide-reactbadgecard

1 file

Insights Charts

Block

Dashboard charts for workspace insights: activity over time, records by type, and completion rates. Inline SVG — no chart library needed.

npx shadcn add "https://ui.sprinterai.dev/r/insights-charts.json"
card

1 file

Score Progression

Block

Line chart showing how an entity score has changed over time for a given criteria set. Fetches from /api/scores/:entityId/:criteriaSetId.

npx shadcn add "https://ui.sprinterai.dev/r/score-progression.json"
card

1 file

Tool Fields

Block

Reusable form field primitives for tool UIs: ToolSelect dropdown, ToolSlider with range labels and value pill, plus formatCurrency, formatValue, and labelFromValue helpers.

npx shadcn add "https://ui.sprinterai.dev/r/tool-fields.json"
selectslider

1 file

Tool Page

Block

Full-page tool execution experience with responsive padding, AI form-fill support, skeleton loading state, and optional embed branding footer.

npx shadcn add "https://ui.sprinterai.dev/r/tool-page.json"
@sprinterai/coreskeletonhttps://ui.sprinterai.dev/r/tool-detail.json

1 file

Tool Runtime Shell

Block

Layout shell for embedded tool runtime UIs with result display helpers: ResultMetric, ResultList, and ResultPill.

npx shadcn add "https://ui.sprinterai.dev/r/tool-runtime-shell.json"

1 file

Transient View

Block

Agent transient-view renderer displaying live blocks: text, table, metrics, timeline, and alert types during streaming.

npx shadcn add "https://ui.sprinterai.dev/r/transient-view.json"
lucide-reactbadgecardtable

2 files

Workflow Builder

Block

Visual workflow creation form with ordered node editor, trigger/node type selectors, and CRUD for workflow definitions.

npx shadcn add "https://ui.sprinterai.dev/r/workflow-builder.json"
lucide-reactbadgebuttoncardinputlabelselecttextarea

2 files

Workflow Dashboard

Block

Dashboard listing active workflow runs with status indicators, progress, node counts, and recent run history.

npx shadcn add "https://ui.sprinterai.dev/r/workflow-dashboard.json"
lucide-reactbadgecard

1 file

Automation Detail

Block

Custom entity detail view for automation records. Shows trigger type badge, run stats (count, last run, last status, avg duration), step list, and trigger configuration panel. Register via registerEntityDetailView("automation", AutomationDetail).

npx shadcn add "https://ui.sprinterai.dev/r/automation-detail.json"
lucide-reactbadgecardhttps://ui.sprinterai.dev/r/render-registry.json

1 file

Block Renderer

Block

Dispatcher and infrastructure for rendering any block type with error boundaries, theme-aware frames, and a Map-based registration system. Ventures register their own block components via registerBlock().

npx shadcn add "https://ui.sprinterai.dev/r/block-renderer.json"
lucide-reactcard

5 files

Surface Renderer

Block

Dispatcher and infrastructure for rendering views through surface types. Surfaces are interchangeable frames (grid, sequence, slides, kanban, etc.) that arrange blocks in different layouts and interaction patterns. Provides the SurfaceProps contract, registration system, and shared hooks.

npx shadcn add "https://ui.sprinterai.dev/r/surface-renderer.json"
@sprinterai/corelucide-reacthttps://ui.sprinterai.dev/r/block-renderer.jsonbutton

41 files

Field Card Block

Block

Renders entity field values in a compact card layout with smart formatting for dates, booleans, URLs, arrays, and numbers. Supports 2-column grid for multiple fields.

npx shadcn add "https://ui.sprinterai.dev/r/block-field-card.json"
lucide-reacthttps://ui.sprinterai.dev/r/block-renderer.jsonbadgecard

1 file

Activity Block

Block

Activity timeline display with vertical dot-and-line layout, relative timestamps, actor names, and action descriptions.

npx shadcn add "https://ui.sprinterai.dev/r/block-activity.json"
https://ui.sprinterai.dev/r/block-renderer.jsoncard

1 file

Connection List Block

Block

Lists related or connected records grouped by relationship type. Each item shows title and type badge with a link affordance.

npx shadcn add "https://ui.sprinterai.dev/r/block-connection-list.json"
lucide-reacthttps://ui.sprinterai.dev/r/block-renderer.jsonbadgecard

1 file

Status Banner Block

Block

Full-width status alert banner supporting info, success, warning, and error variants with appropriate icons and semantic colors.

npx shadcn add "https://ui.sprinterai.dev/r/block-status-banner.json"
lucide-reacthttps://ui.sprinterai.dev/r/block-renderer.json

1 file

Entity Filter Block

Block

Filter controls rendered as interactive pills. Each filter can be toggled active/inactive or removed. Calls onSave with updated filter state.

npx shadcn add "https://ui.sprinterai.dev/r/block-entity-filter.json"
lucide-reacthttps://ui.sprinterai.dev/r/block-renderer.jsonbadgebuttoncard

1 file

Child Entity List Block

Block

Lists child or sub-records in a table-like layout with title, status badge, and type badge. Shows count and empty state.

npx shadcn add "https://ui.sprinterai.dev/r/block-child-entity-list.json"
lucide-reacthttps://ui.sprinterai.dev/r/block-renderer.jsonbadgecard

1 file

Rich Text Block

Block

Markdown display and edit block. View mode renders markdown as prose HTML. Edit mode provides a textarea with save/cancel.

npx shadcn add "https://ui.sprinterai.dev/r/block-rich-text.json"
https://ui.sprinterai.dev/r/block-renderer.jsonbuttoncardtextarea

1 file

Image Block

Block

Responsive image display with cover or contain fit, optional caption, and graceful error fallback.

npx shadcn add "https://ui.sprinterai.dev/r/block-image.json"
lucide-reacthttps://ui.sprinterai.dev/r/block-renderer.jsoncard

1 file

Video Block

Block

Video player block. Detects YouTube and Vimeo URLs and renders responsive iframe embeds. Falls back to native video element for direct URLs.

npx shadcn add "https://ui.sprinterai.dev/r/block-video.json"
lucide-reacthttps://ui.sprinterai.dev/r/block-renderer.jsoncard

1 file

Excalidraw Block

Block

Interactive whiteboard block powered by Excalidraw. Supports view mode (read-only) and edit mode (full canvas). Lazy-loaded (~2MB) with debounced auto-save.

npx shadcn add "https://ui.sprinterai.dev/r/block-excalidraw.json"
@excalidraw/excalidrawhttps://ui.sprinterai.dev/r/block-renderer.jsoncard

1 file

Notes Block

Block

Simple text notes block. Click to edit inline, with save/cancel. Shows italic placeholder when empty.

npx shadcn add "https://ui.sprinterai.dev/r/block-notes.json"
https://ui.sprinterai.dev/r/block-renderer.jsonbuttoncardtextarea

1 file

Documents Block

Block

Document list with file type icons, name, type badge, and file size. Links open documents in a new tab.

npx shadcn add "https://ui.sprinterai.dev/r/block-documents.json"
lucide-reacthttps://ui.sprinterai.dev/r/block-renderer.jsonbadgecard

1 file

Summary Block

Block

Minimal one-paragraph entity summary rendered in a muted card with large readable text.

npx shadcn add "https://ui.sprinterai.dev/r/block-summary.json"
https://ui.sprinterai.dev/r/block-renderer.jsoncard

1 file

Ranking Block

Block

Ranked ordered list with rank number, title, optional value, and up/down/neutral change indicators. Top 3 ranks are visually highlighted.

npx shadcn add "https://ui.sprinterai.dev/r/block-ranking.json"
lucide-reacthttps://ui.sprinterai.dev/r/block-renderer.jsoncard

1 file

Radar Block

Block

Radar/spider chart using recharts. Accepts subject/value/fullMark data points and renders a responsive, oklch-themed chart.

npx shadcn add "https://ui.sprinterai.dev/r/block-radar.json"
rechartshttps://ui.sprinterai.dev/r/block-renderer.jsoncard

1 file

Entity Card Block

Block

Entity preview card showing title, type, description, status badge, and up to 3 field previews. Optionally links to the entity detail page.

npx shadcn add "https://ui.sprinterai.dev/r/block-entity-card.json"
lucide-reacthttps://ui.sprinterai.dev/r/block-renderer.jsonbadgecard

1 file

Response Form Block

Block

Scoring and feedback form that renders rating sliders, text areas, and boolean checkboxes from a criteria config. Calls onSave with collected form values.

npx shadcn add "https://ui.sprinterai.dev/r/block-response-form.json"
https://ui.sprinterai.dev/r/block-renderer.jsonbuttoncardcheckboxlabeltextarea

1 file

Unified View Renderer

Block

Single entry point for rendering views through the surface/block system. Takes a surface type, blocks, and config — dispatches to the appropriate surface renderer. Includes ViewFilterProvider for cross-block filtering and a useViewFilters hook.

npx shadcn add "https://ui.sprinterai.dev/r/unified-view-renderer.json"
@sprinterai/corehttps://ui.sprinterai.dev/r/surface-renderer.jsonhttps://ui.sprinterai.dev/r/block-renderer.json

3 files

View Header

Block

Standard view page header with title, optional description, surface type badge, and optional Edit and Back action buttons.

npx shadcn add "https://ui.sprinterai.dev/r/view-header.json"
@sprinterai/corelucide-reactbadgebutton

1 file

View Tabs

Block

Controlled tab navigation bar for multi-tab views. Renders a shadcn Tabs component in controlled mode — caller owns active state and renders content below.

npx shadcn add "https://ui.sprinterai.dev/r/view-tabs.json"
tabs

1 file

Block Config Form

Block

Schema-driven config form for block edit panels. Renders Input, Select, Switch, and Textarea controls from a field definition array. Used by per-block config wrappers to provide edit UIs without per-block boilerplate.

npx shadcn add "https://ui.sprinterai.dev/r/block-config-form.json"
inputlabelselectswitchtextarea

2 files

Entity Body Editor

Block

Rich text markdown editor with [[wikilink]] record linking and slash commands. Includes TipTap-based edit mode with toolbar, view mode with prose rendering, and an empty-state CTA.

npx shadcn add "https://ui.sprinterai.dev/r/entity-body-editor.json"
@tiptap/react@tiptap/core@tiptap/starter-kit@tiptap/extension-placeholder@tiptap/pm@tiptap/suggestiontiptap-markdownlucide-reactbutton

5 files

Entity Picker

Block

Universal relation-field picker with single/multi-select, debounced search, optional inline create, and lazy title hydration. Props-based — no Supabase imports.

npx shadcn add "https://ui.sprinterai.dev/r/entity-picker.json"
lucide-reactbadgebuttoncommandpopoverhttps://ui.sprinterai.dev/r/sprinter-base.json

5 files

Rankable Entity List

Block

Drag-drop sortable list for ranked entity relations. Built on @dnd-kit with keyboard accessibility. Composes with entity-picker via renderSelected prop.

npx shadcn add "https://ui.sprinterai.dev/r/rankable-entity-list.json"
@dnd-kit/core@dnd-kit/sortable@dnd-kit/utilitieslucide-reactbuttonhttps://ui.sprinterai.dev/r/sprinter-base.json

2 files

Sankey Capacity

Block

3-column Sankey diagram: humans + agents → workstreams → outcomes. Ribbon widths proportional to flow volume. Click a workstream to inspect human/agent split with an optional target marker.

npx shadcn add "https://ui.sprinterai.dev/r/sankey-capacity.json"
lucide-reactbutton

4 files

Canvas Pulse

Block

Coherence seismograph: 32px collapsed strip → expandable 96px timeline. PulseEvent markers for conflict, gap, match, and watch moments. Pairs with inline-note.

npx shadcn add "https://ui.sprinterai.dev/r/canvas-pulse.json"
lucide-reacttooltip

3 files

Theater Surface

Block

3-column directed graph (sources → brain/graph → outputs) with particle animation on ribbons. Deterministic PRNG avoids hydration mismatch. Respects prefers-reduced-motion.

npx shadcn add "https://ui.sprinterai.dev/r/theater-surface.json"
lucide-react

3 files

Likert Matrix

Block

Radio-grid for criteria-set display_type likert-matrix. Rows = numeric dimensions, columns = scale values. Per-dimension scale override. Accessible with Radix RadioGroup roving-tabindex.

npx shadcn add "https://ui.sprinterai.dev/r/likert-matrix.json"
lucide-reactlabelradio-group

1 file

Staging Bay

Block

Bottom-dock action queue. Surfaces ready-to-ship actions with a 3-phase FlyingSpawn animation on trigger. Fixed-height strip: 28px empty / 68px collapsed / 176px expanded.

npx shadcn add "https://ui.sprinterai.dev/r/staging-bay.json"
lucide-reactbuttontooltip

4 files

Task Tree

Block

Hierarchical task renderer with collapsible nodes. Supports controlled and uncontrolled expansion. Co-located flatten-tree utility for persisting drag-reorder positions.

npx shadcn add "https://ui.sprinterai.dev/r/task-tree.json"
lucide-react

2 files

Inline Note

Block

AI-flagged moment expansion under a block header. Severity color bar, kind pill, summary, optional body, reference chips, and Reconcile/Dismiss CTAs. Pairs with canvas-pulse.

npx shadcn add "https://ui.sprinterai.dev/r/inline-note.json"
lucide-reactbutton

1 file

UI Registry

Block

Unified slot registry for UI component lookups: blocks, entity cards, tool inputs and outputs. Register, retrieve, and list slots by kind.

npx shadcn add "https://ui.sprinterai.dev/r/ui-registry.json"

1 file

Slot Host

Block

Universal renderer that dispatches a SlotPluginPayload (block | view-spec | form-spec | link-spec) to the right family. Pure props in, JSX out — apps pre-resolve data server-side. Includes a thundering-herd-safe plugin resolver hook.

npx shadcn add "https://ui.sprinterai.dev/r/slot-host.json"
@sprinterai/coreskeleton

7 files

Custom Page

Block

v1 stub renderer for workspace-scoped static pages (matches @sprinterai/supabase migration 042). Prints title and source jsonb as plain text; mdx and sandbox runtimes are deferred follow-ups. Pure props in.

npx shadcn add "https://ui.sprinterai.dev/r/custom-page.json"
@sprinterai/core

3 files

Capture Input

Block

Quick natural-language capture UI with inline parse preview, entity type selector, and confirm/edit/discard flow. Props-based — wire parseInput from @sprinterai/runtime/capture and onSubmit to your data layer. No Supabase dependency.

npx shadcn add "https://ui.sprinterai.dev/r/capture-input.json"
lucide-reactbadgebuttoncardinputlabelselecttextarea

1 file

Registry Bootstrap

Block

Idempotent bootstrap that registers default field input and display components into the shared slot registry. Slots keyed as field-display:{type} and field-input:{type}. Override individual slots via registerSlot() after bootstrapping — e.g. swap in a record-picker for the relation input.

npx shadcn add "https://ui.sprinterai.dev/r/registry-bootstrap.json"
@sprinterai/corebadgecheckboxinputlabeltextareahttps://ui.sprinterai.dev/r/ui-registry.json

3 files

Sidebar

Block

Composable, mobile-friendly sidebar primitive. Mobile renders as a Sheet drawer; desktop offers expanded / icon-rail / offcanvas modes with cookie-persisted state and a Ctrl+B keyboard shortcut. Provides SidebarProvider, Sidebar, SidebarTrigger, SidebarInset, SidebarMenu*, SidebarRail and 20+ composition pieces.

npx shadcn add "https://ui.sprinterai.dev/r/sidebar.json"
@radix-ui/react-slotclass-variance-authoritylucide-reactbuttoninputseparatorsheetskeletontooltip

2 files

App Shell Nav

Block

Mobile-friendly left navigation built on the sidebar primitive. Resolves the active route across all sibling links so two items never both hold aria-current=page (WCAG 4.1.2). Accepts grouped sections, optional collapsible groups, and a render-prop link factory for framework-agnostic Link integration.

npx shadcn add "https://ui.sprinterai.dev/r/app-shell-nav.json"
lucide-reactseparator@sprinterai/sidebar

2 files