すべてのブロック

Drag-and-drop week calendar with resize, drag-to-create and recurring events.

Staff or rooms as rows on a day timeline with drag, resize, conflicts and click-to-book. FullCalendar charges $480 for this view. Here it is free.

Calendly-style date and time slot picker with availability and time zone.

Service, staff, time, details and confirmation in one multi-step flow.

Weekly working hours with multiple ranges per day, copy to all and time zone.

Upcoming bookings with status, staff, filters and quick actions.

Dashboard card with the next appointments and a live progress line.

Four metric cards with trend badges and comparison to last period.

Area chart with period switcher, totals and comparison.

Full dashboard page: KPIs, bookings chart, top services and staff utilization.

Invite teammates, change roles and manage pending invitations.

Per-channel notification preferences grouped by topic.

Collapsible app sidebar with workspace switcher, nav groups and user menu.

Brand-forward sign-in with a live product mock, rotating testimonials, social login and polished error, reset and success states.

Two-step sign-up with a live password strength meter and requirements checklist, business type and team size, ending on a welcome screen.

6-digit email code screen that submits by itself, shakes on a wrong code, counts down to resend and lets users change their email.

Guided 2FA enrollment with a QR code, copyable setup key, code check and backup codes users can copy or download.

Passwordless sign-in with an animated check-your-inbox screen, one-click Gmail/Outlook buttons, resend cooldown and a password fallback.

Getting-started card with a progress ring, expandable one-click steps, skip and undo, and a confetti finish that gets new accounts to their first booking.

Five-step setup where every choice (name, brand color, hours, services, team) updates a live preview of the public booking page.

Four illustrated empty states (no bookings, no results, offline, no access), each with a primary action that works.

Spotlight tour of the app that highlights one element at a time, with step tooltips, keyboard controls, skip and replay.

Customer table with search, faceted filters, sortable and hideable columns, density toggle, bulk actions with undo, expandable rows and CSV export.

Drag-and-drop sales pipeline with live stage totals, weighted forecast, inline deal creation and delete with undo.

Spreadsheet-style price editor with keyboard navigation, highlighted unsaved cells, validation and a save/discard bar.

Client directory with search, A–Z jump rail, favorites, grid and list views, and a detail sheet with editable tags and notes.

In-app plans with monthly/yearly toggle, feature comparison and a change-plan dialog with prorated charge preview and downgrade warning.

Gauges for bookings, SMS credits, seats and storage that warn near the limit, forecast usage and top up through a live-priced dialog.

Invoice list with status tabs, one-click retry for failed payments, a real-looking invoice preview and HTML downloads.

Saved cards as realistic credit cards, plus an add-card form with a flipping live preview, brand detection and Luhn and expiry checks.

Tabbed inbox with unread counts, inline approve/decline on booking requests, archive with undo and a quick preferences popover.

Color-coded team timeline of bookings, payments, notes, status changes and uploads, with type filters and load more.

Two-pane WhatsApp, SMS and email inbox with read receipts, quick replies and live typing replies from clients.

Changelog launcher with an unread badge that opens illustrated release slides and a full changelog view.

Streaming chat UI with stop, regenerate, copy, feedback, model picker and markdown with copyable code blocks.

AI booking assistant that shows services, stylists and open slots as tappable cards in the chat and books with a calendar invite.

Rich prompt input with slash commands, file attachments, model picker, token counter and a history of sent prompts.

Revenue insights with dollar impact, confidence, sparklines and one-click Apply, Dismiss with undo, and Why explanations.

Three-pane coding agent workspace: sessions with live status, a multi-agent thread with a self-ticking plan, expandable tool calls, thinking, approve/reject for risky commands and streaming replies, plus a syntax-colored diff viewer with file tabs, patch download and Apply.

Monitoring for AI agents: runs, success rate, cost and token KPIs, a runs-per-hour chart, an incident callout with acknowledge and resolve, filters, and a sortable runs table whose rows expand into a trace waterfall.

Cover-art profile card with avatar upload, live handle availability check, time zone and locale pickers with a format preview, and a sticky unsaved-changes bar.

Anchored section nav for general, branding, defaults and a danger zone: logo upload, live URL slug check, brand color swatches with an email preview, role defaults, transfer ownership and type-to-confirm delete.

Security score ring with a live checklist, password change with a strength meter, passkeys with a simulated enrollment, 2FA with recovery codes, and active sessions with revoke and undo.

Live/test key list with masked prefixes, scopes, last-used and 7-day usage bars, a create dialog with grouped scopes, reveal-once secret with copy, rotate with a 24h grace note and revoke with undo. Comes with a quick-start terminal card.

Endpoint list with success-rate bars, a delivery log with status codes, latency bars and one-click retry, a grouped event picker with search, signing secret reveal/copy/rotate, pause and test events.

Brand-colored integration cards with category chips and search, an OAuth-style consent dialog with permissions and account picker that animates to connected, and a manage menu with disconnect.

Theme, accent, density, font and corner-radius controls that re-theme a live preview built from the real goodui Core components, including a reduce-motion switch.

Invite teammates by email tags with a role picker, members list with inline role change and remove-with-undo, pending invites with resend and revoke, and a sticky permission matrix with custom roles.

Filterable timeline of workspace changes grouped by day with actor, action and date-range filters, expandable before/after diffs and a real CSV export.

Custom domain setup with a connection-path diagram, DNS records table with copy buttons and a verify flow that animates through checking, failed and active states, plus TLS status.

Three-step CSV import wizard with drag-and-drop, auto-detected column mapping, a validation preview that highlights bad rows and a progress bar, beside an export job list with downloads.

Languages table with completion bars, publish and default controls, auto-translate progress, an add-language dialog and a booking-page preview that flips to RTL.

Three-step reset flow on one card: request by email, 6-digit code with resend cooldown, then a new password with live rules, ending on an animated success.

Split sign-in where the work email detects the organisation and branches to Okta, Entra or Google single sign-on, or to a password with the usual states.

Ticket-style invitation card with inviter, workspace, role and teammates, a create-account or sign-in switch, decline, and a confetti welcome.

New sign-in approval with map-less location cards, device and network details, a two-digit match code, a 90-second countdown, and approved, blocked and expired outcomes.

App-to-account handshake with a verified publisher, required and optional scopes you can toggle and expand, and allow or deny outcomes with a redirect progress bar.

Check-your-inbox screen with an animated envelope, one-click mail app buttons, a resend countdown ring, inline email edit, expiry timer and a code fallback.

Three plans with a monthly/yearly toggle that rolls the prices, a highlighted gradient-border plan, a full feature matrix and an enterprise contact dialog.

Seats, add-ons, promo codes and country-based tax that all roll into a receipt-style summary with saved cards or a new card, ending in a downloadable receipt.

Invoices grouped by month with status filters, totals strip, retry for failed charges, HTML/PDF-style downloads and a refund request dialog with undo.

Metered usage bars with forecast overlays and threshold markers, alert rules with channels and toggles, a new-rule dialog and a simulate-a-day button that fires alerts.

One trial banner across active, ending-soon and ended states over a mock app, with dismiss, one-time extension, data export and an upgrade dialog that ends in confetti.

Per-channel digest builder for email, Slack and push with frequency, time, days, topics and quiet hours, mirrored in a live email, Slack message or phone notification preview.

Website analytics page with a date range switch, KPI cards with sparklines, a visitors/bookings traffic chart, a live visitors ticker with traffic sources and a sortable top pages table with CSV export.

MRR movements as a waterfall (new, expansion, contraction, churn), a clickable plan mix donut, month navigation and a churn list with a win-back email dialog and undo.

Per-person cards with goal rings, editable goals, revenue, rating and rebook rate, plus a leaderboard that re-sorts with animated rank changes by revenue, bookings or rebook rate.

OKR tree of objectives and key results with progress rings and status chips, a detail panel with rolling numbers, and a check-in dialog that updates the key result and logs the history.

Live operations board: service status tiles with rolling latency, a requests-per-second bar stream, a filterable animated event stream with pause, and an incident mode that degrades a service, posts events and can be acknowledged and resolved.

Retention cohort matrix with heat cells, hover tooltips, percent or client counts, a legend, and a retention curve that plots the clicked cohort against the average with a plain-English takeaway.

Booking funnel with narrowing stage bars, step conversion and drop-off counts, a segment switch (all, mobile, desktop, ads) with rolling numbers, drop-off reasons per stage and a suggested fix.

GitHub-style calendar heatmap of a year of bookings with tooltips, bookings or revenue metric, 12-month or 90-day range, streak cards, best hours bars and best weekdays.

Orders with status chips that filter, search, select-all and bulk fulfill with a floating action bar and undo, print packing slips, and a row drawer with items, totals, delivery and a timeline.

Customer table with segment tabs (VIP, new, at risk), sortable columns, lifetime value bars, inline tags you add from a popover or remove, star ratings and saved views you can create, switch and delete.

Stock table with level bars, out-of-stock and low-stock alert cards, a needs-attention filter, inline quantity editing with − and +, expandable variants and a reorder dialog with quantities and cost.

File manager with list and grid views, illustrated previews per type, simulated uploads with progress bars, shared-with avatar groups, download, delete with undo and a share dialog with access levels and copy link.

Dense audit log with time range, actor and action filters, JSON export, and rows that expand into a before/after diff viewer with changed fields highlighted plus IP and client details.

Approval inbox for time off, refunds, discounts and schedule changes with approve, reject with a required reason, j/k/a/r keyboard navigation, a done tab and undo.

App shell with a top nav, a sub-nav of pills, breadcrumbs, a page header and a ⌘K command palette that jumps to any page or action, plus notifications and an account menu.

Shell with a custom command palette (fuzzy search, groups, recent items, shortcuts, keyboard navigation) whose commands navigate, toggle dark mode and density, and open clients, with a log of what happened.

Responsive shell: sidebar on desktop, animated bottom tabs with badges on mobile, a floating action button and a bottom-sheet booking form that validates and adds to today's list.

Page header patterns in one scrolling page: breadcrumb, avatar, inline rename, status badge, primary and overflow actions, tabs with counts, filter chips, a delete confirmation, and a sticky header that compacts on scroll.

Master-detail inbox with a drag-to-resize divider that also works with the keyboard, unread and starred threads, j/k navigation, replies that post to the thread, archive with undo and a stacked mobile layout with back.

Shell with a bell that wiggles and counts, per-page badges in the sidebar, a notification drawer with all/unread filter, inline accept/decline, dismiss, mark all read, do-not-disturb and a simulate button.

Month grid with color-coded bookings you can drag to another day (or move with arrow keys), a quick-create popover on any day, month navigation, delete and undo.

Timeline agenda with a moving current-time line, now/next cards, overlapping bookings packed into columns, and drag-to-resize that snaps to 15 minutes (Shift+arrows on the keyboard).

RRULE builder with presets, interval and frequency, weekday toggles, monthly by day or weekday, ends never/after/on, a plain-English summary, the next dates and a copyable iCalendar rule.

Waitlist with priority reordering, open slots to offer, a 15-minute countdown on each offer, simulated accept/decline, auto-release of expired offers and a next-up card.

Weekly class timetable with capacity bars on every class, type and coach filters, a detail card with seat dots, book/cancel that updates capacity and a “your week” list.

Multi-time-zone meeting planner: each person's working hours on a strip, an overlap score by hour, a draggable time pill (keyboard too), add/remove people, a home zone and copyable local times.

Centered hero over a dot grid with a tilting, parallax product mock that goes live on click (numbers roll, chart grows, floating booking toast), avatar trust row and a trial dialog with email validation and an inbox success state.

Aurora hero where industry tabs morph the headline noun letter by letter and rotate the verbs, swap the proof line and the WhatsApp booking card, with an email form that validates and lands on a success check.

Six spotlight-linked feature cards where hover, focus or tap slides a live mini UI (slot picker, chat, receipt, utilization bars) up over the card, plus a show-all toggle for touch.

Four scrolling feature stories with a sticky screen on the right that swaps as each story reaches the middle, step dots and a next button, stacking into inline panels on mobile.

Masonry wall of reviews with two gradient featured cards and result pills, industry filter tabs with counts, a counting 4.9 rating header and show-more.

Autoplaying story carousel with a progress bar on the active dot, prev/next, pause, arrow keys, a rolling result number tinted per customer and a thumbnail rail to jump between stories.

Two opposing marquee rows of hand-drawn customer marks with edge fades, pause on hover, a play/pause control and tappable logos that reveal who the customer is.

Three plans with a sliding monthly/yearly pill, a team-size stepper that reprices seats, rolling prices, a border-beam highlighted plan and a confirm dialog per plan.

Full feature matrix with a sticky plan header, collapsible groups, an only-differences filter, info tooltips, a highlighted column you can switch and a single-column mobile view with a plan picker.

Height-animated FAQ with a sticky sidebar of topic filters with counts, search that highlights matches inside questions, expand/collapse all and an ask-a-question fallback for empty results.

Dark gradient call-to-action band with floating particles, a shiny offer pill, an email form with validation and success, and a book-a-demo card that opens a time picker dialog.

Four big counting statistics in a split card; hovering or focusing a stat draws its yearly sparkline and updates a live caption, with a replay button.

Four-column site footer with a newsletter form, accordion columns on mobile, language select, a light/dark/system theme control, system status dot and social links.

Split newsletter card with topic checkboxes, validation, a counting reader number, a success check with the chosen topics and a sidebar of recent issues you can open.

Release timeline with version chips, New/Improved/Fixed badges, a highlighted latest release, expandable change lists, RSS copy and an email subscribe toggle.

Eighteen brand-tinted integration tiles with category tabs, search, connect/disconnect state, coming-soon notify requests through a dialog and an empty state that points to automation.

Three numbered steps on a connector line that fills as a play button runs the setup through, each step with a live mock (import, share link, payout) and a completion message.

Department-filtered team grid with abstract tinted portraits, a hover overlay revealing one fact per person, staggered entrance and a profile dialog with social links.

Open roles grouped by team with search, team and location selects, salary bands, new badges, a job alert toggle, and an apply dialog that validates and confirms.

Contact page split between channel cards (chat, copyable phone and email), office tiles with map-less grids and hours, and a validated message form with a reason select and a thank-you state.

Gradient welcome panel with a progress ring and minutes left beside a day-by-day task list; each task expands to explain why, can be done or skipped with undo, and the last one fires confetti.

Pulsing numbered hotspots over an app mock with a dimmed spotlight mask, coach-mark cards with shortcuts and progress dots, arrow-key navigation, seen state and a replay bar.

No data, no results, error and offline states with inline SVG illustrations, each recovering to a real screen: CSV import with progress, filter removal, retry that eventually succeeds, and offline sync.

Four-step business setup with a vertical stepper, radio cards that suggest services, open-day toggles, an editable service table, deposit settings and a confetti go-live screen with a copyable link.

Live CSV import screen with a rolling row counter, striped progress, stage checklist, just-imported feed, auto-fixed warnings with a CSV report download, pause/resume and a cancel confirmation.

Retail grid with drawn product art, sale and sold-out states, wishlist hearts, brand and sort selects, inline quantity steppers, a live cart total and a quick-view dialog with size, quantity and add.

Product page with view thumbnails, size cards with best-value tag, scent swatches that recolor the art, subscribe-and-save pricing that rolls, add-to-bag confetti, share and wishlist, plus details and a reviews breakdown.

Spring drawer over a shop page with free-shipping progress, quantity steppers, remove with undo, promo codes that validate, suggested add-ons, a rolling total and checkout, empty and placed states.

Three-step checkout (contact, delivery, payment) with a sticky order summary, pickup or shipping options that reprice, card validation with Luhn and brand detection, a wallet option and a confetti confirmation.

Parcel tracking with a route map whose truck moves along the path as scans arrive, a timeline of stages, copyable tracking number, text-me-updates dialog, receipt download and a simulate button.

Team-by-day shift grid with colored shift pills, hours-vs-target bars per person, a coverage-vs-needed footer, click-to-edit shift templates, copy last week, undo and publish.

Cover-art client card with lifetime value, visits and copyable contact details, editable tags, a monthly spend chart, next-visit card, visit timeline with ratings, team notes with undo and copyable color formulas, plus book and SMS actions.

Drag-to-reorder service list by category with inline name, duration and price editing, online-booking toggles, remove with undo, an add-service dialog and a live phone preview of the public booking page.

Point-of-sale cart with quantities, quick-add chips and promo codes beside a dark payment panel: rolling total, tip presets or custom tip on services, card/cash/gift card with a cash keypad and change due, then a success screen with receipt actions.

Average rating with a clickable star distribution, needs-reply and low-rating filters, source chips (Google, Facebook, Yelp, app), inline replies with AI suggestions, thank and report actions and an undo toast.

Four gradient tier cards, editable earning rules (points per dollar, referral and birthday bonuses), a rewards list with add and remove, and a member simulator whose points roll up, progress ring fills and confetti fires on a tier-up.

Amount chips or custom amount, five card designs, occasion tags, recipient and delivery fields with validation, and a live 3D-flipping gift card preview that reveals the redeem code once issued, with copy, save and resend.

Three-step new-client intake (about you, health, preferences) with a progress header, validation per step, conditional allergy details and patch-test consent, goal chips and a thank-you screen.

Scroll-to-read consent document with a reading progress meter that unlocks the required statements, typed legal name, a draw-to-sign canvas with clear, validation and a signed-and-sealed state with a downloadable copy.

Deposit mode and amount, a cancellation-window slider with fee inputs, reminder cards with impact estimates, a repeat no-show rule, a live what-clients-see policy card and an estimated monthly impact panel with rolling numbers.

Day timeline of chairs and rooms with utilization rings: pick an unassigned booking and compatible free slots light up green while busy or under-equipped rows show why, plus auto-assign, click-to-free and undo.

Recurring revenue and member KPIs over cards for prepaid packages and monthly or yearly memberships with on-sale toggles, perks lists, a best-seller highlight, delete with undo and a full editor dialog with unlimited visits and perks.

Folder sidebar with counts and a starred filter, searchable prompt cards with highlighted {{variables}}, tags, versions and usage, a use dialog that fills variables into a live preview with copy and send, plus new prompt and delete with undo.

Baseline-vs-candidate scoreboard (score, pass rate, latency), category and regression filters, a case table with pass/fail score badges and deltas, rows that expand into a split diff of both answers with the judge's reasoning, human votes that can override a blocked promotion, and CSV export.

Spend, tokens and requests KPIs, a stacked daily cost-by-model bar chart, a monthly budget token meter with segments, editable budget and alert threshold, and a per-feature table with cost share bars and sparklines, plus CSV export.

Model picker with speed, quality and price meters, a temperature slider with plain-English hints, max tokens, a system prompt editor with tone chips, tool permission cards with risky-tool confirmation, and a test panel that streams a sample reply.

Website, PDF, sheet and Notion sources with chunk counts, sync status, animated re-indexing progress, errors with fixes, enable toggles and remove with undo, an add-source dialog and a retrieval tester that shows matched chunks with scores.

Transcript with a latency timeline where every assistant turn opens model, tokens, cost and confidence, expandable tool calls, retrieved chunks with scores and guardrail results, plus flag, add-to-evals and JSON export.

Input/output rules for card numbers, emails, medical advice, prompt injection and more with enable toggles and block/redact/warn actions, a regex rule builder with validation, and a tester that runs the rules on a message and shows the verdict, matches and redacted text.

Job list with status filters, live training progress and loss sparklines, a detail panel with an animated loss curve, metadata, deploy-to-assistant, cancel with confirmation, retry for failures and a log console, plus a new-job dialog with a cost estimate.

SQL editor with Cmd/Ctrl+Enter, run, copy, save and ask-AI, a history and schema sidebar that inserts table and column names, a read-only guard with error messages, and a results grid with row limit and CSV export.

ETL pipeline DAG with per-step status, durations, rows and logs, a failed step with a suggested fix and retry-from-failure, run-now that animates a new run through every step, a schedule toggle and a run history with stacked duration bars.

Searchable schema and table tree beside a table page with row counts, related-table chips, column list with primary and foreign keys that navigate, sample rows and generated DDL, each copyable.

Pinned and all saved views with emoji, default star and a per-view menu (pin, default, rename inline, duplicate, delete with undo), a preview with removable filter chips and sort, a share dialog with access levels and copy link, and a create dialog.

Data health score, open and resolved alerts with severity edges and acknowledge, resolve and snooze (with undo), and a checks list for freshness, volume, nulls, schema and uniqueness with 7-day sparklines, toggles and an add-check dialog.

Searchable grid or list of datasets with domain chips, certified, PII and experimental tags, freshness, query counts, quality bars and stars, and a detail dialog with lineage you can click through and request-access or open-in-explorer actions.

Export jobs with format icons, animated progress, ready downloads that really save a file, failed and expired states with retry, delete with undo, scheduled exports with toggles and a new-export dialog with source, range, format and column picking.

Requests, p95 latency, error rate and rate-limit KPIs, a requests area chart with range switch, a status-code donut, an endpoint table sortable by calls, p95 or errors with layered latency bars, and per-key rate-limit meters, plus CSV export.

Flag table with dev, staging and prod switches, type and stale badges and search, a detail panel with a production rollout slider, targeting rules you add and remove, a code snippet, a kill switch with confirmation, archive with undo and change history.

A/B test with a significance verdict computed from a real two-proportion z-test (p-value, confidence interval, lift), variant cards with conversion bars, a daily conversion line chart with metric switch, pause and resume, and a ship-the-winner confirmation.