更新履歴
新しいブロック、スタイル、修正。Pro所有者はすべてのアップデートを受け取れます。
このページは英語のみです。
The site in 10 languages and 150 blocks
- goodui.dev now reads in English, Türkçe, Deutsch, Español, Français, Português, 日本語, 简体中文, हिन्दी and العربية (right to left), with a language switcher and hreflang for search
- 60 new blocks (150 in total): a marketing site set (heroes, pricing, testimonials, FAQ, footers), onboarding, commerce (product grid, cart drawer, checkout, order tracking), service businesses (staff schedule, POS with tips, loyalty, gift cards, consent with signature), AI ops (prompt library, evals with diffs, usage and cost, guardrails) and data tooling (SQL explorer, pipelines, feature flags, experiments)
- Fix: the Core input now forwards aria-label
18 languages, 12 looks, our own fonts, sounds and a new landing
- Localization: set the language once with <GooduiLocaleProvider lang labels> and every component speaks it; 18 packs (en, tr, de, fr, es, it, pt-BR, nl, pl, ru, hi, id, vi, th, ja, ko, zh-CN, ar, he) with RTL and Intl dates, numbers and currency; try it in the Playground language switch
- 12 looks for the whole kit: clean, brutal, glass, retro98, pixel, terminal, editorial, soft, neon, paper, swiss, luxe; one data attribute restyles every component and block
- goodui Sans and goodui Display: our own variable fonts (OFL), shipped with the kit and used across the site
- Sounds: 24 Web Audio cues for presses, toggles, success and errors; off by default, one toggle in the header, a `sound` prop on the components where it fits
- AI group: 16 components (chat message, composer, streaming text, tool call, reasoning, agent plan, model picker, citations, diff view, code block, token meter, eval score, voice orb…)
- Charts group: 14 components on the theme's chart tokens (area, bar, line, donut, gauge, heatmap, treemap, funnel, waterfall, bump, KPI trend, timeline…)
- 48 new blocks across dashboard, settings, billing, booking and AI; 90 in total
- A new landing that shows the kit instead of describing it, with a theme pill that recolors every preview
- Fix: dropdown menu labels no longer crash when used without a group (Base UI #31)
Make it yours, Copy prompt, motion filters and agent blocks
- Landing theme pill: one click recolors the page, every live preview and the phones
- Copy prompt on every component, native and block page: a ready instruction for your AI editor
- Filter the catalog by motion (hover, press, drag, swipe, haptic…) and search with ⌘K
- Two Pro AI blocks: a multi-agent coding workspace with approvals and diffs, and an agent runs dashboard with traces
- Fix: the landing no longer jumps to a preview that focuses its own field
12 new Core components: data grid, date picker, combobox and more
- Data grid: 100k rows virtualized, typed columns, multi-sort, filters, resize, reorder, pin, inline editing, bulk actions, CSV and real .xlsx export
- Date picker with ranges, presets, booked days, time and typed dates in any locale; combobox with async search, chips and create-new
- Dialog (modal, alert, sheets, morph from trigger), tooltip, popover and dropdown menu with sub-menus and context mode
- Table, multi-step form, number input, rating and toggle group
- All layered, with a Playground, full docs and keyboard support; checked with axe in light and dark
Three complete React Native app templates
- Glow Studio: a booking app for salons and clinics with the full booking flow, appointments, reschedule, loyalty and payments
- Mira AI: an assistant app with streaming replies, a conversation drawer, model picker, voice mode and a Plus paywall
- Stride: a subscription fitness app with activity rings, programs, a live workout timer, progress history and trial paywall
- Try each app live in a phone frame at /native/templates; Pro owners download the Expo project with their license key
- Kit: controlled inputs in sheets keep every keystroke, Escape closes sheets on the web, booking times follow the business time zone
24 Pro mobile screens for React Native
- Pro screens built from goodui Native components: sign in, sign up, verify, welcome, permissions and paywall
- A complete booking flow: services, staff, time, confirm with slide to book, appointments and booking details
- Wallet home, transaction details, product, cart, checkout with slide to pay and order tracking
- Inbox, chat, profile, settings, edit profile and notifications
- Every screen runs live in a phone frame; Pro source installs from the license-gated @goodui-native-pro registry and over MCP with a key
goodui Native: 56 React Native components you can try live
- goodui Native for React Native and Expo: 56 components with gestures, springs, haptics, dark mode and reduced motion
- Media and social: avatar with story ring, pinch-zoom image viewer, stories, chat bubbles with typing indicator and composer, reaction picker, rating
- Dates and pickers: 3D wheel picker, date and range picker, booking time slots, week strip, sheet select, color picker
- Feedback and onboarding: banner, empty states, confetti, success check, coach marks, onboarding pager; lists: settings rows, drag to reorder, drawer, swipeable top tabs, expandable card, A–Z sticky list
- New: icon button, chip, swipe to confirm, FAB speed dial, like button, badge, text field, search bar, quantity stepper, slider, switch, checkbox and radio, tab bar, large title header, action sheet, context menu, alert dialog, popover, accordion, skeleton, progress ring, sparkline, carousel, pull to refresh
- Every component runs live in a phone frame on its page: drag, swipe and hold it with your mouse, switch accent and theme, or scan the QR code to try it on your phone
- MCP: list_native and get_native_component for AI editors
A page for every component, a goodui MCP server and an agent pack
- Every component has its own page: when to use it and when not, pick-by-need table, usage, examples, a full API table with defaults, keyboard, accessibility, motion and notes for AI
- Copy page and a Markdown twin of every page; llms-full.txt with the docs of all 90 components
- goodui MCP server at /api/mcp for Claude Code, Cursor, VS Code, Windsurf and any MCP client: search, docs, source and install commands
- Agent pack: one command adds goodui rules to Claude Code, Cursor, Copilot and Windsurf
- Every free and Pro item now installs into a fresh Next.js project and type-checks under strict + noUncheckedIndexedAccess, with custom aliases too
- Translatable built-in text through a labels prop, right-to-left support and an RTL preview toggle
- Accessibility and contrast fixes across the kit, checked with axe in light and dark
90 free components, Core UI and the Theme Studio
- 72 free animated components: numbers, toasts, tabs, steppers, docks, dialogs, drawers, reorderable lists, tag and OTP inputs, buttons, text effects, cards and backgrounds
- Core UI: 18 layered primitives (button, badge, card, input, avatar, alert, tabs, switch, checkbox and radio, separator, breadcrumb, pagination, heading, text, link, kbd, stat card, select) where variant, tone, shadow, animation, shape and size all combine
- Playground: configure any Core component live and copy the JSX
- Theme Studio: 18 color presets, 18 font pairings, radius, shadows and density, exported as globals.css and next/font code
- New landing page with a live block viewer, AI editor demo and launch list
Docs, block search and the Pro registry
- Docs: installation, styles, AI editors and MCP, Pro access
- All blocks page with search, category filters and Free/Pro filters
- @goodui registry namespace: npx shadcn add @goodui/<block>
- Open in v0 on every free block
- Team license for up to 10 developers
- Fix: the resource timeline counted overlaps across three weeks instead of the visible day
25 new blocks and six style packs
- New categories: tables, billing, auth, onboarding, notifications, AI
- AI receptionist: books appointments from a chat with tappable service, staff and time cards
- Style packs: Clean, Neobrutal, Glass, Retro 98, 8-bit and Terminal, switchable with one attribute
- The resource timeline is now free and MIT
- llms.txt for AI coding tools
First 13 blocks
- Scheduling: week scheduler, resource timeline, slot picker, booking wizard, availability editor, appointments table, today's schedule
- Dashboard, settings and app shell blocks
- Scheduler engine with recurrence, resource lanes and free-slot search