# goodui

> Animated components and application blocks for shadcn/ui: scheduling and booking, dashboards, tables, billing, auth, onboarding, notifications and AI chat. React 19, Tailwind v4, works with Base UI and Radix shadcn. Twelve style packs (clean, brutal, glass, retro98, pixel, terminal, editorial, soft, neon, paper, swiss, luxe) via data-style on <html>; goodui Native has the same looks.

## Install
npx shadcn@latest add https://goodui.dev/r/<id>.json  (lands in components/goodui/<id>.tsx)

## For AI agents
- MCP server (Streamable HTTP): https://goodui.dev/api/mcp — search_components, get_component, get_block, get_install_command, get_setup
- Agent pack (Claude Code skill, Cursor, Copilot, Windsurf rules): npx shadcn@latest add https://goodui.dev/r/agent.json
- UI sounds (synthesized, no audio files; the `sound` prop on button, switch, checkbox, tabs, rating, number-input, dialog, toast-stack, confetti, hold-to-confirm, copy-button, stateful-button): npx shadcn@latest add https://goodui.dev/r/sounds.json — docs https://goodui.dev/docs/sounds
- Localization: every built-in string of every component is translated by one provider (<GooduiLocaleProvider lang="tr" labels={tr}>), with Intl formats and RTL following. Packs for tr, de, fr, es, it, pt-BR, nl, pl, ru, hi, id, vi, th, ja, ko, zh-CN, ar, he: npx shadcn@latest add https://goodui.dev/r/locale-<lang>.json — docs https://goodui.dev/docs/localization
- Full docs and API of every component in one file: https://goodui.dev/llms-full.txt
- One component's docs: https://goodui.dev/components/<group>/<id>.md

# Components (free, MIT)

## Core UI
- button (free): https://goodui.dev/components/core/button.md — One button with ten variants, six tones, seven shadows, ten animations, three shapes and five sizes that all combine, plus loading and icon slots.
- badge (free): https://goodui.dev/components/core/badge.md — One badge, every layer: solid, soft, outline, status dot, gradient, glass and neo in six tones, with pulse, shine, bounce-in and count-pop animations, icons, removable chips and clickable filters.
- card (free): https://goodui.dev/components/core/card.md — Eight surfaces (elevated, glass, gradient border, neo, inset…) with shadow, padding, radius and accent stripes, plus hover layers (lift, 3D tilt, pointer spotlight, glow, scale) and a looping border beam.
- input (free): https://goodui.dev/components/core/input.md — Six field styles with top, floating, inline or hidden labels, focus ring, glow, underline-grow or lift, error shake with sliding messages, icon and text addons, clear button, counter and auto-growing textarea.
- avatar (free): https://goodui.dev/components/core/avatar.md — Six sizes and four shapes including squircle, status dots with pulse, solid, gradient and rotating story rings, image fade-in with name-based gradient initials, and groups that cap with +N and fan out on hover.
- alert (free): https://goodui.dev/components/core/alert.md — Soft, solid, outline, left-accent, glass, neo and full-width banner alerts with tone-picked icons, actions, slide, fade, shake or pop entrances, smooth collapse on dismiss and a pausable auto-dismiss countdown.
- tabs (free): https://goodui.dev/components/core/tabs.md — Six variants (underline, pill, segmented, enclosed folder tabs, soft, vertical line), a sliding, fading or static indicator, fade or directional slide panels, tones, sizes, shapes, shadows and orientation, with icons, count badges, arrow keys and a one-line items API.
- switch (free): https://goodui.dev/components/core/switch.md — iOS, Material 3, square, neo-brutalist, icon thumb and ON/OFF label variants with none, smooth, spring and bounce motion, six tones, three sizes, track shadows, sun/moon or check/x glyphs, label and description on either side, and a loading state.
- checkbox (free): https://goodui.dev/components/core/checkbox.md — Checkbox and RadioGroup on real inputs with default, filled, outline, circle, neo and whole-card variants, draw, pop and bounce animations, tones, sizes, shadows, indeterminate, invalid and descriptions.
- separator (free): https://goodui.dev/components/core/separator.md — Line, dashed, dotted, gradient, double, glow and ornament separators with diamond, dot or icon marks, labels at the center, start or end, tones, thickness, vertical orientation, a draw-in-on-view and a shimmer animation.
- breadcrumb (free): https://goodui.dev/components/core/breadcrumb.md — Slash, chevron, dot, pill, arrow-step and underline trails with four current-page styles, tones, sizes, a staggered fade or sliding hover underline, and long trails that collapse into a keyboard-friendly menu.
- pagination (free): https://goodui.dev/components/core/pagination.md — Outline, soft, ghost, pill, neo, minimal and carousel-dot pagination with a sliding active marker or press feedback, tones, sizes and shapes, plus first/last, range info, page-size select and jump-to-page.
- heading (free): https://goodui.dev/components/core/heading.md — Layered heading: semantic level and size decoupled, sans/serif/mono/display font slots you map to your own fonts, eight ink treatments (gradient, muted tail, outline, marker highlight, hand-drawn squiggle, shimmer…), serif-italic emphasis via _words_, and on-view word, letter and mask reveals.
- text (free): https://goodui.dev/components/core/text.md — Every body-copy role in one primitive: paragraph, lead, small, caption, overline, eyebrow pill, quote with attribution and inline code, with tones, readable measures, truncate or line clamp, and on-view entrances.
- link (free): https://goodui.dev/components/core/link.md — Inline link with seven underline styles (static, slide-in, grow from center, marker sweep, nudging arrow), line decorations, tones, leading icons and automatic external-link handling. Works with next/link via as.
- kbd (free): https://goodui.dev/components/core/kbd.md — Keyboard keys and combos in flat, raised 3D, outline, glass, neo and solid styles. Keycaps depress when the real keys are pressed, Mod maps to ⌘ or Ctrl, and onTrigger turns any combo or G-then-T sequence into a working hotkey.
- stat-card (free): https://goodui.dev/components/core/stat-card.md — KPI card with seven variants, tones, shadows and sizes: count-up or rolling NumberFlow values, auto-toned delta badges (invertible for no-show rates), line, area or bar sparklines that draw in, icons, footers and a skeleton state.
- select (free): https://goodui.dev/components/core/select.md — Fully custom single or multi select: outline, filled, ghost, underline, pill and neo triggers; icons, avatars, descriptions and groups; search with match highlight, chips, clear, type-ahead and full keyboard; animated menu that flips up when space runs out.
- dialog (free): https://goodui.dev/components/core/dialog.md — Modal dialog, alert dialog and sheet in one: default, soft, glass and neo surfaces in six tones; center, top, start/end/left/right and draggable bottom sheets, fullscreen, and a phone override to fullscreen or sheet; scale, slide, blur, fade or morph-from-trigger entrances; async confirm with spinner and inline error, type-to-confirm, nested dialogs that step back, focus trap and restore, and scroll lock without layout shift.
- tooltip (free): https://goodui.dev/components/core/tooltip.md — Dark, light, tone, glass and neo tooltips with sizes, shapes, shadows and an optional arrow; twelve placements that flip and shift at the screen edge, scale, fade, slide or spring entrances, rich title + keyboard-shortcut content, delay groups that open instantly after the first, follow-cursor for charts and touch long-press.
- popover (free): https://goodui.dev/components/core/popover.md — Anchored popover with an arrow in default, soft, glass, neo and inverted surfaces, tones, sizes, radii and shadows; side and align that flip and shift to stay on screen, match-trigger-width, scale, fade, slide or spring entrances, header, close button and footer slots, and modal (focus trapped) or non-modal (Tab flows back to the page) behavior, shown as a date filter, share menu, switcher and inline note form.
- dropdown-menu (free): https://goodui.dev/components/core/dropdown-menu.md — Menu button and right-click context menu with default, glass, neo, inverted and flat surfaces, soft, solid, bar or outline highlights, tones, sizes, shapes and shadows; icons, descriptions, badges and live keyboard shortcuts, checkbox items, radio groups, labelled groups, destructive items and nested sub-menus with hover intent and a safe triangle; scale, fade, slide or stagger entrances, type-ahead and full APG keyboard, portaled and flipped to stay on screen.
- combobox (free): https://goodui.dev/components/core/combobox.md — Autocomplete combobox (ARIA 1.2) with outline, filled, ghost, underline, pill and neo fields, tones, sizes and shadows; local ranked matching or debounced async search with abort, cache, loading, empty and error-with-retry states, every matched word highlighted, groups, avatars, single or multi-select chips, an “Add …” create row and automatic virtualization for 10,000+ rows, in a portaled list that flips above the field.
- date-picker (free): https://goodui.dev/components/core/date-picker.md — Date picker and calendar with no date library: single, range (two months side by side) and multiple modes, presets, time inputs, min/max, disabled weekdays, booked days, ISO week numbers, month/year quick switch, typed dates parsed in the locale's order via Intl with the locale's first weekday, popover or inline, six field variants, tones, solid/soft/ring selection, day shapes, sizes and slide, fade or scale month animations with APG grid keyboard.
- multi-step-form (free): https://goodui.dev/components/core/multi-step-form.md — Wizard with numbered, progress-bar or vertical step headers, sync and async per-step validation that blocks Continue and focuses the first invalid field, optional steps with Skip, an auto review step with Edit links, async submit with loading, error retry and success, draft persistence, direction-aware slide or fade transitions and screen-reader step announcements, in card, outline, plain, glass and neo shells with tones and sizes.
- number-input (free): https://goodui.dev/components/core/number-input.md — Numeric spinbutton with split, end or stacked steppers, press-and-hold acceleration, min/max/step and large steps, Intl currency, percent and unit formatting over a raw value, arrow, PageUp/PageDown, Home/End and focused-wheel stepping, slide or pop step feedback and an invalid state, in the six input variants with tones, sizes, shapes and shadows.
- rating (free): https://goodui.dev/components/core/rating.md — Star, heart, circle, bolt, diamond or custom-icon rating in solid, soft, outline, glow and neo styles: half steps, hover preview, clear, animated clip fill with pop or wave, value, count and word labels, read-only exact averages, RTL fill and arrow flipping, with radiogroup or slider semantics.
- toggle-group (free): https://goodui.dev/components/core/toggle-group.md — Single (radiogroup) or multiple (aria-pressed) toggle buttons in outline, soft, solid, segmented, neo and glass styles with a sliding, fading or popping active marker, text or icon items, tones, sizes, shapes, shadows, attached or spaced, vertical, full width, disabled items and roving arrow-key focus that flips in RTL.
- table (free): https://goodui.dev/components/core/table.md — Lined, striped, bordered, card-row and minimal tables with tones, three densities, shadows and corner shapes, tint, accent-bar or lift hover, row state tones and selection, sortable headers with aria-sort, sticky header, caption, footer totals, skeleton and empty states, fade or stagger entrances, and rows that stack into labelled cards on small containers.
- data-grid (free): https://goodui.dev/components/core/data-grid.md — Virtualized data grid for 100k+ rows with typed columns (number, currency, percent, date, boolean, badge, avatar, actions) formatted by Intl, multi-sort, per-column filters and global search, resize, drag reorder, pin, hide, Shift-range selection with a bulk action bar, inline editing with sync or async validation, spreadsheet keyboard navigation, expandable rows, footer aggregates, CSV and real .xlsx export, loading, empty and error states, server mode with pagination, RTL and tones, densities and variants.

## Numbers & Data
- number-flow (free): https://goodui.dev/components/numbers/number-flow.md — Digits roll to the new value with locale formatting, prefixes and suffixes.
- counter-up (free): https://goodui.dev/components/numbers/counter-up.md — Counts from 0 (or from) to the value with an ease-out curve when it scrolls into view, with locale formatting, once or replay-on-return, and counts from the current value when it changes.
- meter (free): https://goodui.dev/components/numbers/meter.md — Labeled usage meter like "SMS credits 7,420 / 10,000" whose fill springs to the new value and shifts to amber and rose near the limit, with optional per-seat segments.
- progress (free): https://goodui.dev/components/numbers/progress.md — Linear progress in four variants: spring-filled determinate, indeterminate double sweep, moving stripes and segmented steps.
- circular-progress (free): https://goodui.dev/components/numbers/circular-progress.md — SVG ring or 270° gauge whose arc springs to the value via stroke-dashoffset, with a rolling percentage or custom label in the center.
- sparkline-draw (free): https://goodui.dev/components/numbers/sparkline-draw.md — Smooth monotone sparkline that draws itself in, fades in a gradient area, shows point values on hover or arrow keys, and redraws when the data changes.
- delta-badge (free): https://goodui.dev/components/numbers/delta-badge.md — "+12.4%" change badge whose digits roll, arrow rotates to the new direction and background pulses green or red, with an inverted mode for metrics where down is good.
- cell-flash (free): https://goodui.dev/components/numbers/cell-flash.md — Wraps a table value and briefly flashes it green when it rises, red when it falls, with a fading ▲/▼, like a trading terminal.

## Feedback
- toast-stack (free): https://goodui.dev/components/feedback/toast-stack.md — Self-contained toaster with toast() API: cards stack and expand on hover, swipe away with a drag, morph from loading to success or error for promises, and pause their timers on hover.
- notification-badge (free): https://goodui.dev/components/feedback/notification-badge.md — Count badge for icon buttons that springs in, bumps when the count rises, rolls its digits, caps at 99+ and offers a pulse ring or dot variant.
- skeleton-auto (free): https://goodui.dev/components/feedback/skeleton-auto.md — SkeletonSwap traces its children's text lines, controls and avatars (<img> or data-skeleton elements) into shimmer blocks with one shared sweep, then cross-fades to the real content; includes line, circle and block primitives.
- spinners (free): https://goodui.dev/components/feedback/spinners.md — Six CSS-only loaders (ring, dots, bars, pulse, orbit, typing) sized in px or presets and painted with currentColor.
- multi-step-loader (free): https://goodui.dev/components/feedback/multi-step-loader.md — Card or overlay that ticks through steps like "Reserving slot…" with spinners, drawn checkmarks and a filling rail, ending on an animated success state.
- confetti (free): https://goodui.dev/components/feedback/confetti.md — Hand-written canvas 2D confetti with flipping paper physics, fired over the page from an element or inside a contained canvas via ref, and a no-op under reduced motion.
- success-check (free): https://goodui.dev/components/feedback/success-check.md — Check or X in a circle that draws its stroke, fills, then pops with a ray-and-ring burst, for payment and booking result screens.

## Navigation
- tabs-indicator (free): https://goodui.dev/components/navigation/tabs-indicator.md — Tabs whose indicator glides between tabs on a shared-layout spring (underline with hover highlight, pill, or segmented with icons), with arrow-key navigation and panels that slide in the direction of travel while the height eases to fit.
- segmented-control (free): https://goodui.dev/components/navigation/segmented-control.md — iOS-style segmented control whose thumb springs to the chosen segment and squeezes while pressed, with sizes, icons, full-width mode, dividers that hide next to the thumb, and radio-group arrow keys.
- stepper (free): https://goodui.dev/components/navigation/stepper.md — Horizontal or vertical stepper where the connecting line fills between steps, numbers morph into drawn checkmarks, a current-step ring glides to the active step, errors shake, and completed steps are clickable.
- dock (free): https://goodui.dev/components/navigation/dock.md — macOS-style dock whose tiles magnify on a spring as the pointer nears, with tooltips, running dots, badges and a launch bounce, falling back to a simple press scale on touch.
- bottom-nav (free): https://goodui.dev/components/navigation/bottom-nav.md — Mobile bottom bar where a pill glides to the selected tab and its icon bounces, in a labelled or expanding variant, with popping badges and an optional raised center action.
- command-palette-morph (free): https://goodui.dev/components/navigation/command-palette-morph.md — A search field morphs into a command palette through a shared layout animation, with fuzzy matching, highlighted letters, grouped results, a sliding selection, arrow keys, Enter, Esc and Ctrl/Cmd+K.

## Overlays
- morphing-dialog (free): https://goodui.dev/components/overlays/morphing-dialog.md — A service card expands into a booking dialog, with its image, title and price flying into place through a shared-layout spring, then folds back into the card on Esc or backdrop click.
- drawer-spring (free): https://goodui.dev/components/overlays/drawer-spring.md — A bottom sheet with half and full snap points plus side drawers on a spring; drag the handle and the release speed picks the snap point or closes it, while the backdrop fades with the drag.
- popover-morph (free): https://goodui.dev/components/overlays/popover-morph.md — A small button such as "Add note" morphs into a floating form panel, its label sliding into the header, and shrinks back into the button on save, Esc or an outside click.
- tooltip-animated (free): https://goodui.dev/components/overlays/tooltip-animated.md — A tooltip springs out of the trigger's side and can lean toward the pointer over avatars; tooltips in a delay group open instantly once one is already showing.
- dropdown-stagger (free): https://goodui.dev/components/overlays/dropdown-stagger.md — A dropdown menu springs open while its items stagger in, with a highlight that glides between items, submenus, checkbox and radio items, and full keyboard navigation.

## Lists & Tables
- accordion-height (free): https://goodui.dev/components/lists/accordion-height.md — Accordion whose panels spring open to their real height (motion height:auto) with a rotating chevron, in single or multiple mode, with arrow-key, Home and End navigation between headers.
- list-reorder (free): https://goodui.dev/components/lists/list-reorder.md — Drag-to-reorder list with a grip handle, a lifted shadow on the dragged row, neighbours that spring into place, and Alt+Arrow keyboard moves announced to screen readers.
- table-row-presence (free): https://goodui.dev/components/lists/table-row-presence.md — Data table where new rows grow in with a brief highlight, removed rows slide out and collapse, and re-sorting glides every row to its new position.
- animated-list (free): https://goodui.dev/components/lists/animated-list.md — Notification stack where new items spring in from the top, older ones glide down, slightly dimmed in the depth variant, and items beyond the limit blur away.
- tree-expand (free): https://goodui.dev/components/lists/tree-expand.md — File or category tree with spring expand/collapse, indentation guides, a selection highlight that glides between rows, and full arrow-key, Enter and type-ahead navigation.
- expandable-row-list (free): https://goodui.dev/components/lists/expandable-row-list.md — Appointment rows that open inline into a raised card with notes and working actions, while neighbouring rows smoothly make room.

## Inputs
- tag-input (free): https://goodui.dev/components/inputs/tag-input.md — Chips input where Enter, comma or paste adds tags that spring in, Backspace arms then removes, duplicates shake, with a filtered suggestions dropdown, validation and a max count.
- otp-input (free): https://goodui.dev/components/inputs/otp-input.md — One-time code input from plain inputs with auto-advance, paste and SMS autofill, a blinking caret and popping digits, then a pulsing verify, green success bounce or red shake.
- floating-label-input (free): https://goodui.dev/components/inputs/floating-label-input.md — Input and textarea whose label springs up on focus or value, with prefix/suffix slots that fade in, an animated clear button, character counter and a slide-in error.
- vanish-input (free): https://goodui.dev/components/inputs/vanish-input.md — Search field with rotating, blurred-in placeholder hints; on submit the typed text dissolves into drifting particles drawn on a canvas.
- input-shake (free): https://goodui.dev/components/inputs/input-shake.md — Validation wrapper for any input that shakes and slides in an error with an icon when invalid, and draws a check circle when valid.
- switch-spring (free): https://goodui.dev/components/inputs/switch-spring.md — Switch with a springy thumb that squashes while pressed, icons that spin inside the thumb, three sizes, label and description.
- checkbox-draw (free): https://goodui.dev/components/inputs/checkbox-draw.md — Checkbox whose check stroke draws itself in over a popping fill, with an indeterminate dash and an animated strike-through for checklists.
- slider-tooltip (free): https://goodui.dev/components/inputs/slider-tooltip.md — Single or range slider built from scratch with pointer and keyboard control, step snapping, marks and a value bubble that scales in while dragging.
- search-expand (free): https://goodui.dev/components/inputs/search-expand.md — Search icon that springs open into a field with a recent-searches dropdown and a / shortcut; Esc or blur folds it back when empty.
- file-drop-pulse (free): https://goodui.dev/components/inputs/file-drop-pulse.md — Drag-and-drop zone whose border pulses while files hover, then lists files with type icons, springy progress bars, size and type errors, and undo on remove.

## Buttons
- shimmer-button (free): https://goodui.dev/components/buttons/shimmer-button.md — A light sweep runs across the button. Pure CSS; the sweep is removed for reduced motion.
- ripple-button (free): https://goodui.dev/components/buttons/ripple-button.md — Material-style ink ripple that grows from the exact press point and fades on release, pure CSS, across five variants and icon buttons.
- rainbow-button (free): https://goodui.dev/components/buttons/rainbow-button.md — Button with a seamlessly flowing rainbow border and a soft colored glow underneath, tuned to invert cleanly between light and dark themes.
- border-beam-button (free): https://goodui.dev/components/buttons/border-beam-button.md — A short light beam rides around the button's rounded border with CSS offset-path, with a conic fallback and a static gradient for reduced motion.
- magnetic-button (free): https://goodui.dev/components/buttons/magnetic-button.md — Button and its label are pulled toward a nearby cursor with a smooth falloff and spring back on leave; off for touch and reduced motion.
- stateful-button (free): https://goodui.dev/components/buttons/stateful-button.md — Async button that morphs idle to spinner to drawn check or shaking error, with a spring width change between labels.
- copy-button (free): https://goodui.dev/components/buttons/copy-button.md — Copy-to-clipboard button whose icon blurs from copy into a drawn check with a popping Copied! tooltip, plus a fallback when the Clipboard API is blocked.
- hold-to-confirm (free): https://goodui.dev/components/buttons/hold-to-confirm.md — Press-and-hold button for destructive actions: a fill sweeps across with the label flipping color at its edge, early release rewinds it, works with Space and Enter.
- liquid-glass-button (free): https://goodui.dev/components/buttons/liquid-glass-button.md — Frosted glass button and pill toolbar with backdrop blur, rim light and a specular highlight that follows the pointer, falling back to a solid tint without backdrop-filter.
- theme-toggle (free): https://goodui.dev/components/buttons/theme-toggle.md — Light/dark toggle that reveals the new theme as a circle from the click point with the View Transitions API while the sun morphs into a moon.

## Text
- text-reveal (free): https://goodui.dev/components/text/text-reveal.md — Reveals a heading word by word or letter by letter with a staggered blur, fade and rise when it scrolls into view or on demand.
- typewriter (free): https://goodui.dev/components/text/typewriter.md — Types and deletes a list of phrases with a human rhythm and a caret that only blinks while idle; works as an animated input placeholder.
- word-rotate (free): https://goodui.dev/components/text/word-rotate.md — Swaps words in place with a vertical slide and blur while the box springs to each word's width, so the sentence glides instead of jumping.
- shiny-text (free): https://goodui.dev/components/text/shiny-text.md — A soft light band sweeps across muted text on a loop or on hover, made for badges like "New: AI receptionist". Pure CSS.
- gradient-text (free): https://goodui.dev/components/text/gradient-text.md — Text filled with a slowly drifting multi-stop gradient, with Aurora, Sunset, Ocean and theme palettes tuned separately for light and dark.
- scramble-text (free): https://goodui.dev/components/text/scramble-text.md — Text scrambles through random glyphs and resolves left to right on mount, on view, on hover or on demand; renders the real text on the server.
- highlighter (free): https://goodui.dev/components/text/highlighter.md — Draws a marker highlight, hand-drawn underline, circle, box or strike-through behind a phrase when it scrolls into view, in six colors.
- text-morph (free): https://goodui.dev/components/text/text-morph.md — Morphs between strings letter by letter: shared characters spring to their new positions while the rest blur in and out.
- scroll-velocity (free): https://goodui.dev/components/text/scroll-velocity.md — Rows of large text drift in opposite directions and speed up or flip with your scroll speed and direction.

## Cards & Effects
- spotlight-card (free): https://goodui.dev/components/cards/spotlight-card.md — A soft spotlight and a lit border follow the pointer across a card; in a group, neighboring cards' borders light up too.
- tilt-card (free): https://goodui.dev/components/cards/tilt-card.md — Tilts toward the pointer on a spring with a moving glare, a shifting shadow and layers that float at their own depth.
- border-beam (free): https://goodui.dev/components/cards/border-beam.md — Wraps any card or input and runs a light beam around its border, matching the element's corner radius automatically.
- glow-border (free): https://goodui.dev/components/cards/glow-border.md — A slowly rotating gradient arc travels around the card border with a soft glow that intensifies on hover and focus.
- progressive-blur (free): https://goodui.dev/components/cards/progressive-blur.md — Blur that grows stronger toward the edge of a scroll container, built from stacked backdrop-filter layers; shown on a scrolling bookings list.
- expandable-card (free): https://goodui.dev/components/cards/expandable-card.md — A card expands in place on a spring to reveal details, such as a staff profile with bookable slots or a plan's full feature list.

## Backgrounds
- dot-grid (free): https://goodui.dev/components/backgrounds/dot-grid.md — A dot or line grid background with a radial, top or edge fade and an optional glow that follows the pointer. Pure CSS.
- flickering-grid (free): https://goodui.dev/components/backgrounds/flickering-grid.md — A canvas grid of small squares that flicker in opacity, follows the theme color, is sharp on retina and pauses off-screen.
- aurora (free): https://goodui.dev/components/backgrounds/aurora.md — Soft colored light drifts slowly behind a section, with light and dark palettes and only transform animations for low CPU.
- particles (free): https://goodui.dev/components/backgrounds/particles.md — Canvas particles drift gently, link up with fine lines and move out of the pointer's way; density scales with the area.
- marquee (free): https://goodui.dev/components/backgrounds/marquee.md — An endless horizontal or vertical marquee with faded edges that pauses on hover, shown with customer logos, testimonials and a live bookings ticker.

## AI & agents
- chat-message (free): https://goodui.dev/components/ai/chat-message.md — User, assistant and system messages with avatars, grouping, a hover actions row (copy, good/bad, retry, edit), markdown-ish rendering of lists, quotes and fenced code into CodeBlocks, and a blinking caret while the answer streams.
- streaming-text (free): https://goodui.dev/components/ai/streaming-text.md — Reveals an answer token by token at a steady speed with a cursor that blinks while waiting for more, stop and resume, word or character mode, and smooth catch-up when uneven SSE chunks arrive; reduced motion shows sentence chunks.
- tool-call (free): https://goodui.dev/components/ai/tool-call.md — Collapsible card for an agent's tool call: name and arguments in the header, a status that morphs from spinner to drawn check or error, a live duration while running, and argument and output panes inside.
- reasoning-block (free): https://goodui.dev/components/ai/reasoning-block.md — "Thinking 8.7s" disclosure with a live tenths timer, a shimmering label while the model reasons, the current step previewed under the header and the full step list plus notes folded inside.
- model-picker (free): https://goodui.dev/components/ai/model-picker.md — Model dropdown grouped by provider with icon slots, speed and quality meters that grow in, context window and price per million tokens, a gliding highlight and full keyboard support with type-ahead.
- chat-composer (free): https://goodui.dev/components/ai/chat-composer.md — Prompt input with an auto-growing textarea, attachment chips from picker, paste or drop, a slash-command menu, model and mode selectors, a token ring against the context limit, Enter or Cmd+Enter to send and a Stop button while streaming.
- citations (free): https://goodui.dev/components/ai/citations.md — Inline numbered source chips that open a spring hover card with title, domain, snippet and date, a CitedText helper that turns [1] markers into chips, and a sources list whose row lights up when its chip is hovered.
- agent-plan (free): https://goodui.dev/components/ai/agent-plan.md — Live checklist of an agent's plan: pending, active with a pulsing halo, drawn check, error and skipped states, nested substeps that fold away when done, and a spring progress bar with a step count.
- token-meter (free): https://goodui.dev/components/ai/token-meter.md — Context window usage bar whose segments (system, history, tools, response) spring to new widths, with rolling numbers, a legend, and amber then rose tones near and over the limit.
- voice-orb (free): https://goodui.dev/components/ai/voice-orb.md — Breathing voice-assistant orb that swells with a level prop through a spring: idle breathing, listening rings, speaking light that churns faster, and a spinning thinking arc, all in CSS on theme colors.
- diff-view (free): https://goodui.dev/components/ai/diff-view.md — Unified or split diff computed from before and after text, with old/new gutters, syntax colors, changed-character highlights inside replaced lines, and Accept or Reject per hunk that collapses the discarded lines.
- code-block (free): https://goodui.dev/components/ai/code-block.md — Syntax-colored code from a built-in tokenizer or your own tokens, with theme-derived colors, line numbers, highlighted lines, a file tab, copy with a drawn check, a wrap toggle and a staggered line entrance.
- suggestion-chips (free): https://goodui.dev/components/ai/suggestion-chips.md — Starter prompts that stagger in on springs, lift on hover and fill the composer on click, as pills, cards with hints or a scrolling row with faded edges; swapping the set replays the entrance.
- thread-list (free): https://goodui.dev/components/ai/thread-list.md — Conversation sidebar with search highlighting, pinned and date groups, a selection that glides between rows, hover actions on desktop and swipe-to-reveal on touch, inline rename, delete and arrow-key navigation.
- eval-score (free): https://goodui.dev/components/ai/eval-score.md — Evaluation score with a rolling number, a pass, borderline or fail badge that pops in against a threshold, a spring-filled bar and a criteria breakdown with per-criterion thresholds, as card, inline row or badge.
- typing-indicator (free): https://goodui.dev/components/ai/typing-indicator.md — Three dots waving in turn with an "Aiko is typing" sentence for one or several names, as a chat bubble, inline or dots only, mounting and leaving on a spring; reduced motion keeps the dots still.

## Charts
- area-chart (free): https://goodui.dev/components/charts/area-chart.md — Area chart that draws its line in on view, morphs between 1W / 1M / 1Y ranges, and rolls its headline value as a hairline and tooltip follow the pointer or the arrow keys.
- line-chart (free): https://goodui.dev/components/charts/line-chart.md — Multi-series lines that draw in staggered, a legend that toggles series while the scale refits, a crosshair that reads every series at once, and a dashed forecast segment behind a divider.
- bar-chart (free): https://goodui.dev/components/charts/bar-chart.md — Grouped, stacked or horizontal bars that grow from the baseline on view and morph when data changes, with a gliding hover band, legend toggles, value labels and 2px surface gaps between segments.
- donut-chart (free): https://goodui.dev/components/charts/donut-chart.md — Donut or pie whose slices sweep in clockwise, re-share the ring when a legend item is toggled, push out on hover and roll the center total to the slice under the pointer.
- radial-progress (free): https://goodui.dev/components/charts/radial-progress.md — Activity-style concentric goal rings that fill from 12 o'clock on view, spring to new values, dim the others when one is pointed at, and roll the center percentage.
- heatmap (free): https://goodui.dev/components/charts/heatmap.md — Calendar (GitHub-style) or matrix heatmap on one hue with cells that pop in column by column, a tooltip, arrow-key navigation that scrolls the calendar along, and a Less–More scale.
- funnel-chart (free): https://goodui.dev/components/charts/funnel-chart.md — Funnel whose stage bars grow open one after another on an ordinal ramp, with drop-off chips between stages, conversion from the first stage beside each value, and arrow-key rows.
- gauge (free): https://goodui.dev/components/charts/gauge.md — Semi-circular gauge with Core-tone bands whose needle springs to the value with a small overshoot (or an arc that fills), a rolling readout and a band label pill, exposed as a meter.
- bump-chart (free): https://goodui.dev/components/charts/bump-chart.md — Rank-over-time lines that draw in with popping dots and names at the line ends; hovering or arrowing through periods and neighbours highlights one item and reads its change.
- treemap (free): https://goodui.dev/components/charts/treemap.md — Squarified treemap whose tinted tiles fade in largest first and spring to a new layout when values change, with labels only where they fit, a tooltip and arrow-key tiles.
- timeline-chart (free): https://goodui.dev/components/charts/timeline-chart.md — Mini Gantt whose bars grow from their start date on view, with progress fills, milestones, group headers, day / week / month ticks, a today marker and arrow-key rows.
- waterfall-chart (free): https://goodui.dev/components/charts/waterfall-chart.md — Running totals as floating bars that step in one after another in success and danger tones, with neutral total bars, connectors, signed value labels and a tooltip with the running total.
- kpi-trend (free): https://goodui.dev/components/charts/kpi-trend.md — KPI tile family: the number rolls in on view and on every change (NumberFlow), the delta badge pops and pulses, the sparkline draws itself (SparklineDraw), and a group lines tiles up with hairline dividers.
- chart-legend (free): https://goodui.dev/components/charts/chart-legend.md — Shared interactive legend: aria-pressed toggle buttons with popping square, dot, line or dashed swatches, hidden-state strike-through, optional values and a hover channel that highlights a series in its chart.

# Blocks

## Scheduling & Booking
- scheduler-week (free): https://goodui.dev/r/scheduler-week.json — Drag-and-drop week calendar with resize, drag-to-create and recurring events.
- resource-timeline (free): https://goodui.dev/r/resource-timeline.json — 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.
- slot-picker (free): https://goodui.dev/r/slot-picker.json — Calendly-style date and time slot picker with availability and time zone.
- booking-wizard (Pro) — Service, staff, time, details and confirmation in one multi-step flow.
- availability-editor (Pro) — Weekly working hours with multiple ranges per day, copy to all and time zone.
- appointments-table (Pro) — Upcoming bookings with status, staff, filters and quick actions.
- today-schedule (free): https://goodui.dev/r/today-schedule.json — Dashboard card with the next appointments and a live progress line.
- month-calendar (Pro) — 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.
- day-agenda (free): https://goodui.dev/r/day-agenda.json — 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).
- recurring-rule-editor (Pro) — 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-manager (free): https://goodui.dev/r/waitlist-manager.json — 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.
- class-schedule-grid (Pro) — 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.
- timezone-planner (Pro) — 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.

## Dashboards & Stats
- kpi-cards (free): https://goodui.dev/r/kpi-cards.json — Four metric cards with trend badges and comparison to last period.
- revenue-chart (Pro) — Area chart with period switcher, totals and comparison.
- bookings-overview (Pro) — Full dashboard page: KPIs, bookings chart, top services and staff utilization.
- analytics-overview (Pro) — 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.
- revenue-breakdown (Pro) — 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.
- team-performance (Pro) — 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.
- goals-tracker (Pro) — 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.
- realtime-ops (Pro) — 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.
- cohort-retention (Pro) — 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.
- funnel-dashboard (Pro) — 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.
- activity-heatmap (free): https://goodui.dev/r/activity-heatmap.json — 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.
- pipeline-runs (Pro) — 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.
- data-quality-alerts (Pro) — 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.
- api-usage (Pro) — 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.
- experiment-results (Pro) — 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.

## Forms & Settings
- team-members (Pro) — Invite teammates, change roles and manage pending invitations.
- notification-settings (free): https://goodui.dev/r/notification-settings.json — Per-channel notification preferences grouped by topic.
- profile-settings (free): https://goodui.dev/r/profile-settings.json — 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.
- workspace-settings (Pro) — 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-settings (Pro) — 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.
- api-keys (Pro) — 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.
- webhooks (Pro) — 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.
- integrations-grid (Pro) — 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.
- appearance-settings (Pro) — 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.
- members-roles (Pro) — 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.
- audit-log (Pro) — Filterable timeline of workspace changes grouped by day with actor, action and date-range filters, expandable before/after diffs and a real CSV export.
- domain-settings (Pro) — 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.
- import-export (Pro) — 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.
- localization-settings (free): https://goodui.dev/r/localization-settings.json — 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.

## App Shell & Navigation
- sidebar-layout (Pro) — Collapsible app sidebar with workspace switcher, nav groups and user menu.
- topbar-shell (Pro) — 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.
- command-palette-shell (Pro) — 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.
- mobile-tabbar-shell (Pro) — 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-actions (free): https://goodui.dev/r/page-header-actions.json — 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.
- split-view-shell (Pro) — 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.
- notifications-shell (Pro) — 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.

## Tables & Lists
- data-table-pro (Pro) — Customer table with search, faceted filters, sortable and hideable columns, density toggle, bulk actions with undo, expandable rows and CSV export.
- kanban-board (Pro) — Drag-and-drop sales pipeline with live stage totals, weighted forecast, inline deal creation and delete with undo.
- editable-price-list (Pro) — Spreadsheet-style price editor with keyboard navigation, highlighted unsaved cells, validation and a save/discard bar.
- contacts-directory (free): https://goodui.dev/r/contacts-directory.json — Client directory with search, A–Z jump rail, favorites, grid and list views, and a detail sheet with editable tags and notes.
- orders-table (Pro) — 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.
- customers-table (Pro) — 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.
- inventory-table (Pro) — 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.
- files-table (Pro) — 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.
- audit-table (Pro) — 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.
- approvals-queue (free): https://goodui.dev/r/approvals-queue.json — 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.
- sql-explorer (Pro) — 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.
- schema-browser (free): https://goodui.dev/r/schema-browser.json — 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.
- saved-views (Pro) — 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.
- dataset-catalog (Pro) — 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-center (free): https://goodui.dev/r/export-center.json — 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.
- feature-flags (Pro) — 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.

## Onboarding & Empty States
- setup-checklist (free): https://goodui.dev/r/setup-checklist.json — 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.
- onboarding-wizard (Pro) — Five-step setup where every choice (name, brand color, hours, services, team) updates a live preview of the public booking page.
- empty-states (free): https://goodui.dev/r/empty-states.json — Four illustrated empty states (no bookings, no results, offline, no access), each with a primary action that works.
- product-tour (Pro) — Spotlight tour of the app that highlights one element at a time, with step tooltips, keyboard controls, skip and replay.
- welcome-checklist (Pro) — 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.
- tour-hotspots (Pro) — 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.
- empty-states-pack (Pro) — 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.
- setup-wizard (Pro) — 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.
- import-progress (free): https://goodui.dev/r/import-progress.json — 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.

## Billing
- plan-switcher (Pro) — In-app plans with monthly/yearly toggle, feature comparison and a change-plan dialog with prorated charge preview and downgrade warning.
- usage-meters (free): https://goodui.dev/r/usage-meters.json — Gauges for bookings, SMS credits, seats and storage that warn near the limit, forecast usage and top up through a live-priced dialog.
- invoice-history (Pro) — Invoice list with status tabs, one-click retry for failed payments, a real-looking invoice preview and HTML downloads.
- payment-method (Pro) — Saved cards as realistic credit cards, plus an add-card form with a flipping live preview, brand detection and Luhn and expiry checks.
- pricing-table (Pro) — 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.
- checkout-summary (Pro) — 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.
- payment-history (Pro) — Invoices grouped by month with status filters, totals strip, retry for failed charges, HTML/PDF-style downloads and a refund request dialog with undo.
- usage-alerts (free): https://goodui.dev/r/usage-alerts.json — 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.
- trial-flow (Pro) — 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.

## Authentication
- sign-in-split (free): https://goodui.dev/r/sign-in-split.json — Brand-forward sign-in with a live product mock, rotating testimonials, social login and polished error, reset and success states.
- sign-up-flow (Pro) — Two-step sign-up with a live password strength meter and requirements checklist, business type and team size, ending on a welcome screen.
- otp-verify (free): https://goodui.dev/r/otp-verify.json — 6-digit email code screen that submits by itself, shakes on a wrong code, counts down to resend and lets users change their email.
- two-factor-setup (Pro) — Guided 2FA enrollment with a QR code, copyable setup key, code check and backup codes users can copy or download.
- magic-link (Pro) — Passwordless sign-in with an animated check-your-inbox screen, one-click Gmail/Outlook buttons, resend cooldown and a password fallback.
- password-reset (free): https://goodui.dev/r/password-reset.json — 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.
- sso-login (Pro) — 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.
- invite-accept (Pro) — Ticket-style invitation card with inviter, workspace, role and teammates, a create-account or sign-in switch, decline, and a confetti welcome.
- device-verification (Pro) — 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.
- consent-screen (Pro) — 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.
- magic-link-sent (free): https://goodui.dev/r/magic-link-sent.json — 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.

## Notifications & Activity
- notification-center (Pro) — Tabbed inbox with unread counts, inline approve/decline on booking requests, archive with undo and a quick preferences popover.
- activity-feed (free): https://goodui.dev/r/activity-feed.json — Color-coded team timeline of bookings, payments, notes, status changes and uploads, with type filters and load more.
- client-inbox (Pro) — Two-pane WhatsApp, SMS and email inbox with read receipts, quick replies and live typing replies from clients.
- whats-new (free): https://goodui.dev/r/whats-new.json — Changelog launcher with an unread badge that opens illustrated release slides and a full changelog view.
- digest-settings (Pro) — 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.

## AI Chat
- ai-chat (Pro) — Streaming chat UI with stop, regenerate, copy, feedback, model picker and markdown with copyable code blocks.
- ai-receptionist (Pro) — AI booking assistant that shows services, stylists and open slots as tappable cards in the chat and books with a calendar invite.
- prompt-composer (free): https://goodui.dev/r/prompt-composer.json — Rich prompt input with slash commands, file attachments, model picker, token counter and a history of sent prompts.
- ai-insights (Pro) — Revenue insights with dollar impact, confidence, sparklines and one-click Apply, Dismiss with undo, and Why explanations.
- agent-workspace (Pro) — 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.
- agent-runs-dashboard (Pro) — 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.
- prompt-library (free): https://goodui.dev/r/prompt-library.json — 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.
- eval-results (Pro) — 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.
- ai-usage-dashboard (Pro) — 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.
- assistant-settings (Pro) — 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.
- knowledge-sources (Pro) — 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.
- conversation-inspector (Pro) — 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.
- guardrail-rules (Pro) — 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.
- fine-tune-jobs (free): https://goodui.dev/r/fine-tune-jobs.json — 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.

## Service Business
- staff-schedule-week (Pro) — 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.
- client-profile (free): https://goodui.dev/r/client-profile.json — 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.
- service-menu-editor (Pro) — 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.
- pos-checkout (Pro) — 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.
- reviews-manager (Pro) — 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.
- loyalty-program (Pro) — 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.
- gift-card-issue (free): https://goodui.dev/r/gift-card-issue.json — 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.
- intake-form (Pro) — 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.
- consent-form (free): https://goodui.dev/r/consent-form.json — 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.
- no-show-policy (Pro) — 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.
- resource-allocation (Pro) — 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.
- membership-editor (Pro) — 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.

## Marketing Site
- hero-product-shot (free): https://goodui.dev/r/hero-product-shot.json — 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.
- hero-word-morph (Pro) — 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.
- feature-grid-reveal (Pro) — 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.
- feature-spotlight-scroll (Pro) — 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.
- testimonial-wall (Pro) — 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.
- testimonial-carousel (Pro) — 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.
- logo-cloud-marquee (free): https://goodui.dev/r/logo-cloud-marquee.json — 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.
- pricing-toggle (Pro) — 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.
- pricing-comparison (Pro) — 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.
- faq-accordion (free): https://goodui.dev/r/faq-accordion.json — 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.
- cta-band (Pro) — 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.
- stats-band (free): https://goodui.dev/r/stats-band.json — 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.
- footer-mega (Pro) — 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.
- newsletter-signup (free): https://goodui.dev/r/newsletter-signup.json — 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.
- changelog-teaser (Pro) — Release timeline with version chips, New/Improved/Fixed badges, a highlighted latest release, expandable change lists, RSS copy and an email subscribe toggle.
- integrations-wall (Pro) — 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.
- how-it-works-steps (Pro) — 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.
- team-grid (Pro) — 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.
- careers-list (Pro) — 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-split (Pro) — 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.

## Commerce
- product-grid-quickview (Pro) — 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-detail (Pro) — 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.
- cart-drawer (Pro) — 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.
- checkout-steps (Pro) — 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.
- order-tracking (free): https://goodui.dev/r/order-tracking.json — 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.