Blocks: 312 React and Next.js components

Check in the browser whether the theme palette meets AA before opening the PR.

Confirmation dialog that returns focus to the button that opened it.

Announce the number of results when filtering a table without reloading the page.

Skip the side navigation and header to reach the main content.

Operations agent that asks to drop production tables and shows the rows, size and last use of each one.

Assistant settings where the user reviews and corrects what the agent knows about them (time zone, style preferences).

Header of an agent run that moves from working to waiting-approval and opens the approval on click.

Assistant chat with no messages that offers four starting points configured by the workspace.

Side panel of an AI chat to set the model and temperature for that conversation only.

Share a postmortem generated with the on-call copilot as a read-only link that expires in 30 days.

Conversational support assistant that cites knowledge base articles and resolved tickets.

Context bar above an AI chat composer: attach specs, error screenshots and links before sending.

Chat assistant with a side history where the user searches, renames and pins important conversations.

Prompt evaluation panel comparing candidate and production versions with a score distribution.

Rating an assistant response in a chat thread.

Invoice attached to a chat thread with the amount and due date extracted.

Image generation workspace where each prompt produces a browsable batch with variations.

Support inbox where the AI agent escalates to a human a refund that exceeds its approval limit.

Document editor where the writer selects a paragraph and improves, shortens or expands it without leaving the flow.

An assistant reply with a formula, a comparison table and a copyable SQL query in a chat.

Copilot thread with hundreds of messages that pages backwards when scrolling up without moving what is being read.

Prompt composer toolbar to select the inference model by cost and latency.

Organization settings for an agent platform: which models the team can use and which is the default for agents, chat and embeddings.

Agent workflow editor: selecting an LLM node edits the model, temperature, prompts and JSON output.

Governance settings for an agent platform: which personal data is redacted in prompts, responses and traces.

Agent proposing a database migration plan with destructive steps that the operator reviews and approves one by one.

AI agent workspace with contextual mentions of specialized agents and command execution.

Command palette that drops down when typing / in the composer of an assistant or engineering chat.

Assistant response written token by token in a chat thread.

Conversational chat interface with a live view of consumed tokens and tok/s speed.

Support copilot that suggests improvements to ticket drafts with granular accept or reject per change.

Incident panel with a generated summary and citations to the postmortem, metrics and logs.

Agent run console where each tool call shows collapsible parameters and results.

Token consumption and budget control panel in an AI workspace.

SaaS admin console where team leads define maximum inference budgets and assign models based on user seniority.

Voice dictation button in the composer bar of a chat assistant.

Debug an agentic workflow run by reviewing what each node received and returned.

Agent workflow canvas where each connection shows the routing condition and animates while the run carries data.

Entry trigger in an AI orchestration canvas to fire a periodic run with cron parameters or receive external webhook events.

Starting gallery when creating a new workflow in an agent builder (support triage, content pipeline, lead qualification).

Workflow orchestration canvas where the author tests an agent graph with a mock payload before publishing to production.

Draft vs published lifecycle management for agent and LLM flows.

Active conversation header with rename and export options.

Agent reply message bubble with tool execution traces.

Project card with counters for chats and knowledge documents.

Prompt input box for LLM models with an engine picker.

Command palette and quick search for an artificial intelligence workspace.

Publish and shared link dialog for chat transcripts.

Monitor of token usage and API calls per period.

Calendar density, month labels and legend make yearly contribution patterns visible.

One card split into four metric cells (review queue, merged in 30 days, checks passing with a progress bar, open issues).

Thin stacked bar retains percentages and names in a readable text legend.

SaaS subscription sign-up with an annual plan, extra seats and VAT.

Control panel for resource and quota consumption on multi-tenant SaaS platforms.

Stock and cryptocurrency price chart with OHLC Japanese candlesticks and daily volume.

Weekly retention of product sign-up cohorts over the first twelve weeks.

E-commerce checkout funnel from visits to completed order with the drop-off rate per step.

Service availability (SLA) against breach bands.

Distribution of traffic and API requests by hour and day of the week.

Spot order book of a crypto exchange with adjustable price grouping.

Comparative evaluation of vendors across six weighted criteria.

Marketing attribution from acquisition channel to subscribed plan.

MRR and ARR revenue trend micro-chart embedded in an executive KPI card.

Corporate financial results bridge from gross revenue to net profit (P&L bridge).

Inspect the payload of a webhook or an API response.

Communicating product launches and news to users by segment.

Collaborative document editor or whiteboard showing who is working where.

Real-time view of collaborators editing documents in SaaS platforms.

Team reactions in comment threads of task management.

Interface for buying and customizing digital gift cards with a dynamic preview and scheduled delivery.

Inventory alerts panel for a retail warehouse with a reorder point per SKU and a demand forecast.

Rewards page of an online store with a points balance, coupon redemption and Bronze/Silver/Gold/Platinum tiers.

Variant picker for technical apparel and footwear with a color, size and fabric matrix.

Wishlist panel in an online store with visual alerts for price drops and remaining stock.

Project budget consumption.

Assessment of competencies or skills.

Technical issue viewer.

Task edit drawer.

Table component for issue management.

Modal to send an invitation to the platform.

Counters of active and invited users.

Organization members table.

Quick view of daily traffic.

Contact card in a grid with tag badges and status.

Side panel with complete information about a contact.

Container of switchable contact cards.

Modal with a complete form to add a contact.

Button with a sun-to-moon animation to switch between light and dark mode.

Team activity in a project.

Sales by category.

Additions vs removals per day.

Visits by country.

Issues by severity.

MRR, users and churn KPIs with change.

Summary of today's and this week's shifts.

Average consumption with a breakdown by resource.

Most used tags.

Quick access to folders.

Recent files.

Product card with favorites.

Top sellers of the month.

Weekly habit goals.

Quarterly business review comparing this quarter with last quarter or the same quarter last year.

Monthly revenue vs operating costs chart that a finance lead downloads as a branded PNG for a board deck.

New ARR for the quarter against target with a projection to close.

Sales ranking of account executives with weekly change.

Quarterly launch plan with beta, migration and launch milestones against due dates.

Executive Monthly Recurring Revenue (MRR) scorecard with a 30-day sparkline, percentage change and quarterly target.

Modal to register a new webhook.

Latency SLA monitoring.

Hourly API call volume.

Server HTTP logs table.

Monthly summaries aggregate contributions with nested repository context.

Main command bar of a debugging console to toggle panels, throttling and logging options.

Metadata groups isolate assignees, labels and milestones from discussion content.

Service token creation modal.

Card groups repository identity, description, metadata and composition.

Real-time log filtering bar.

Latest keys created.

Most requested routes of an API.

Issue title, labels and assignment fit one scannable row.

Dense review row combines status, reviewer avatars and CI signals.

Overlapping reviewer avatars provide compact participation context.

Developer traffic on a portal.

Table of webhook delivery attempts.

Table of subscribed webhooks.

Frequently asked questions section in help centers and technical support.

Viewing and reviewing contracts, SLAs and agreements in SaaS platforms.

Gallery of document templates (contracts, proposals, reports) in a collaborative editor.

Auditing and change control in legal documents, agreements and contracts.

Digital pass with a scannable QR code for access to conferences and events.

Seat selection when buying tickets for a theater or stadium.

Informational notice of a planned maintenance window with a link to the calendar.

Invoice table with no records that offers to create the first one or import a CSV.

Nonexistent route after changing a panel's link structure.

Guided welcome tour for new users in a SaaS dashboard.

Ingested gigabytes versus finished exports per day.

File metadata side panel.

Document listing with per-row actions.

Ingest, review and quota tiles.

Space by media type, largest first.

Feed of recent team actions.

Header resolves current route and offers layout settings, section switches, density reset and a light/dark toggle.

Shared navigation highlights current route and includes account summaries; replace branding and account fixtures.

Envelope pacing list; linear bars clamp at 100 while copy states the amount to go or over plan; zero budget is guarded.

MRR vs previous period.

Four accent-bar metric cards (currency, percent or custom format) with a trend pill and comparison caption; responsive one/two/four-column grid.

Stacked share strip plus a legend grid with amounts and percentages; the strip carries an aria-label and the legend is the textual alternative.

Compact next-themes light/dark control; capture represents its resting state.

Side panel of in-progress entities with completion percentage.

Asset record card with specifications and utilization.

Network node record card with operational metrics and conditions.

Console header with search that depends on the active route.

Side navigation that also filters the domain by region.

Route card with progress and operational metadata.

Dense tabular listing with progress embedded per row.

Compact air traffic view embedded in a dashboard.

Queue of interventions sorted by date with an overdue alert.

Seats flown today, disrupted flights, departure punctuality and fleet availability.

Breakdown of today's station movements by market.

Hourly departures vs arrivals across the hub banks.

Multiple assignment of reviewers with avatars, roles and teams in issue management.

Filter conversion and traffic metrics in analytics panels.

Invoice lines with quantity, unit price and tax.

Attach a CV and degree to an HR job application.

CRM contact record where each field is edited in place.

Checkout form with a card and expiry validation.

Subscription sign-up with plan and billing method.

Vendor onboarding with tax and billing details.

Course badges with study streak and completed modules.

A member's XP progress toward the next tier of the loyalty program.

Points history of a loyalty program with a running balance and transaction reversal.

Daily study streak in a learning app with weekly lesson targets.

Revenue composition by catalog category.

Main stock and warehouse metric cards.

Critical alerts card for product restocking.

Inventory event history (orders, restocks, shipments, alerts).

Monthly comparison of revenue against operating costs.

Document row actions menu.

Cover picker for a document page.

Emoji icon picker for a page.

Command palette with Cmd+K to jump to documents.

Document header with share and comments.

Entry mix by boat class.

A regatta course with marks.

Dense fleet list.

Sports season KPIs.

Weather conditions on a track or regatta course.

Site or warehouse record.

Championship podium.

Event or competition card.

Filter by status and event type.

Series leaderboard.

Next warning signals of a sailing circuit.

Vessel record card.

Photo and video gallery of a project with a counter and access to each asset's detail.

Trim a fixed 15-second clip out of a 60-second interview recording.

Bottom bar of a mobile app with Home, Search, Inbox and Profile.

Order detail with delivery tracking opened from a card on mobile.

Mobile notification feed that reloads by dragging from the top edge.

Inbox where each message is archived or deleted without opening it.

Artists in your circle.

Music collaborator.

Style shelf that plays the first song of each genre.

Recommendations rail.

Recommended episode.

Subscribed show.

Quick access to recent items.

Scheduled release.

Production session with progress.

Session in progress on the home.

Recent track.

Track list.

Incident audit log.

SRE on-call rotation.

Microservice health with SLOs.

Header with a contextual title and dynamic search box.

Sidebar for managing seasons and casts.

Correspondence viewer with attachments and concert linking.

Message list with urgency badges and sorting.

Distribution of strings, woodwinds, brass and percussion.

Side event sheet with works, desk and venue.

Musician profile with desk, instrument and status.

Programme card with work durations and composer.

Light/dark toggle button with icon rotation.

Gantt row per rehearsal, stage check or workshop across the working day.

Organization settings defining what each role can do on projects, members and billing.

Organization selector in the sidebar of a multi-tenant control panel.

Invite the team to a workspace with viewer, member, billing and admin roles.

Collection volume by country.

Settlement routes between regions.

Side panel for task creation in Kanban or backlog.

Quick issue inspection without navigating away from the Kanban board.

Editor for project descriptions and specifications with rich formatting.

Visual schedule of phases inside the project detail record.

Billable hours analysis card in management dashboards.

Detail panel of an issue linked to a notification.

Issue card for a kanban board.

Global issue search with Cmd+K.

Issue row with quick status change and assignment.

Status column on an agile board (Backlog, Todo, In Progress, Done).

Project summary row in a team portfolio.

Support prompt library where each template declares tone, plan and account data and is previewed against real customers.

Rental portfolio with renewal notices coming due.

Inspecting how a document was chunked when indexing it in the vector database.

Assistant reply with sources [1]-[n] whose full passage is inspected by hovering over each card.

RAG source manager that flags which indexed documents have become obsolete.

RAG debugging console that breaks down why a chunk did or did not pass the vector similarity and reranker cutoff threshold.

Test console to evaluate natural-language queries against the vector store and calibrate retrieval parameters.

Purchase/sale transaction with a counterparty.

Book or collection piece record.

Inventory row with status and value.

Contact or partner card.

Conservation status of the collection.

Distribution by period/category.

Exhibition or event card.

Featured or pinned items.

Volumes, insured value, on exhibition, under restoration.

Latest transactions.

Upcoming events.

Acquisition spend per year.

Document action bar preserving Save and Edit when narrowed and collapsing secondary actions to an overflow menu.

Invoice listing that must remain usable on a mobile device.

Table plan for a dinner service with per-table status and assigned diners.

Connected avatar rows and event icons show chronological activity.

Invoice due date typed as 'next Friday' or 'end of month' with confirmation before saving.

Number of licenses or seats in a SaaS checkout with plan limits.

Compact contextual header combines the route title, search and a light/dark toggle.

Main navigation bar of a SaaS platform with products, solutions and resources menus.

Progress header in a subscription sign-up.

SaaS subscriptions and customers table with user-adjustable widths.

Repeat editor when creating a calendar event or a recurring meeting.

Choosing the time of a weekly meeting between offices in New York, Madrid and Dubai.

Global search in a SaaS with suggestions grouped by dashboards, documents, people and commands.

Multi-faceted filtering side panel for a product catalog with counts by category, brands, price ranges and ratings.

«recently viewed» panel on a SaaS home to return to opened documents, dashboards or people.

Results list of a documentation search engine with the term highlighted in title, summary and body snippet.

Saved views bar in an issue or project tracker to switch between active tasks and backlog.

Incident notification routing.

'Keyboard shortcuts' settings screen where each action is reassigned by recording ⌘⇧K and saving.

Theme and style configuration panel.

Best time to post by network.

New post modal.

Top strip of team stories.

Quick 'What's on your mind?' bar.

Author bio header.

Followers or engagement card.

Visualization of daily impressions.

Message card in a feed.

Avatar, toolbar and action footer establish a recognizable discussion composer.

Ticket reply with templates.

Quick editing of the product catalog and inventory without opening modals.

Sales pivot table grouped by category and region for profitability analysis.

Multi-level repository and project explorer (folders, packages, services and files with bulk selection).

Monthly delivery planner.

Full task detail with sub-items.

Agile workflow for personal tasks.

Individual task row in a list.

Daily prioritization list.

Accommodation card with a photo carousel.

Carousel of destinations by area.

Showing a package installation snippet with npm, pnpm and yarn tabs.

Exporting financial transaction ledgers to CSV format with currency formatting.

Printing invoices and account statements with a corporate header and a legal block on paper only.

Shortcut reference sheet for an admin console opened with the ? key.

Product card with adjustable stock.

Items about to expire.

Ready-to-use share, paper gain, average age and spread.

Region or destination card.

Tasting note with aromas and pairing.

Distribution by vintage or cohort.

Wishlist row.