Uai/waj/sounds like “why”, or “UI” said fast. The Minas Gerais word for surprise
Components that feel finished.
108 shadcn components and blocks with real motion and micro-interactions built in. Copy them with the CLI and own every line.
Best of Uai
8A prompt bar with ghost plus, ink send, and rounded, pill, ghost, and compact variants.
A live and inspectable activity disclosure with explicit states and structured evidence.
Agent thinking and tool calls, task progress, approvals, and a final run summary.
A controlled decision surface for reviewing an AI action's risk, evidence, and impact.
A Pix charge with QR code, copy-and-paste code, expiry countdown, and payment status.
Columns, cards, keyboard movement, and empty states.
A checkout-safe discount field with rounded, pill, and compact variants.
Persistent save and discard actions with busy, error, and page-exit warnings.
AI
11- 01ThinkingA live and inspectable activity disclosure with explicit states and structured evidence.
- 02MessageUser, assistant, system, and tool messages with replaceable content.
- 03CitationConnect an inline claim to a source preview and destination.
- 04AttachmentFile type, upload progress, failure, preview, and removal.
- 05Tool CallQueued, running, successful, and failed tool activity with input and output.
- 06Response StatusQueued, streaming, stopped, complete, and failed responses with stop and retry.
- 07Run SummarySummarize completed work, changed artifacts, warnings, and next actions.
- 08Conversation ThreadBlockMessages, cited sources, response states, and a prompt composer in one thread.
- 09Research SessionBlockA research plan, live search activity, sources, and a cited synthesis.
- 10File AnalysisBlockAttached files, extraction status, and findings that cite the page or cell they came from.
- 11Agent RunBlockAgent thinking and tool calls, task progress, approvals, and a final run summary.
Feedback
8- 12Approval CardA controlled decision surface for reviewing an AI action's risk, evidence, and impact.
- 13Empty StateA composable blank-slate surface with card, plain, compact, and page variants.
- 14Status BannerInformation, success, warning, and error states with optional actions and dismissal.
- 15Progress SummaryProgress, elapsed time, remaining work, and cancellation in one summary.
- 16Inline FeedbackConfirm or reject a local action without interrupting the workflow.
- 17Confirmation DialogExplain impact before destructive or hard-to-reverse actions.
- 18Activity TimelineEvents, actors, timestamps, metadata, and grouped dates.
- 19Skeleton GroupPlaceholders that match common page structures without layout shift.
Forms
9- 20Prompt ComposerA prompt bar with ghost plus, ink send, and rounded, pill, ghost, and compact variants.
- 21Form FieldLabels, descriptions, requirements, validation, and character counts.
- 22Search FieldClearable search with recent queries, loading, empty, and error feedback.
- 23Filter BarComposable filters, removable chips, result counts, and reset actions.
- 24File UploadFile selection and drag and drop with validation, progress, retry, and removal.
- 25Date Range PickerPresets, date inputs, and a keyboard-navigable calendar for local date ranges.
- 26Form Error SummaryA submission error summary with links that focus the matching fields.
- 27Unsaved Changes BarPersistent save and discard actions with busy, error, and page-exit warnings.
- 28Step IndicatorCurrent, complete, optional, blocked, and error steps with explicit status text.
Data Display
8- 29Task ListA composable progress list with card, timeline, and compact variants.
- 30Data Table ToolbarSearch, filters, column visibility, export, and bulk actions for selected rows.
- 31Metric CardA value with comparison, trend, an optional scrubbable sparkline, and loading, error, and empty states.
- 32Description ListLabeled facts with responsive alignment and optional actions.
- 33Comparison TableCompare plans or products with sticky labels and highlighted differences.
- 34Kanban BoardColumns, cards, keyboard movement, and empty states.
- 35Calendar ViewDay, week, and month layouts with event overflow.
- 36Audit LogActors, actions, resources, timestamps, filters, and event details.
Navigation
6- 37App HeaderA responsive app bar with bar, floating, and compact variants.
- 38App SidebarNested navigation with collapsed mode, a mobile disclosure, and active states.
- 39Breadcrumb TrailHierarchy with label truncation, collapsed levels, and a compact mobile fallback.
- 40Page TabsPrimary tabs with counts, page actions, and horizontal overflow.
- 41Command MenuSearch and run grouped actions with full keyboard navigation.
- 42Split PaneTwo resizable regions with keyboard controls and saved proportions.
Authentication
6- 43Sign-in CardA composable sign-in form with card, split, and compact variants.
- 44Sign-up CardA composable account creation form with consent, guidance, and verification.
- 45Password RecoveryA controlled recovery workflow with card, split, and compact variants.
- 46Code VerificationBlockOne-time code entry with paste, resend timing, errors, and alternate methods.
- 47Onboarding WizardBlockResumable setup steps with validation, progress, optional steps, and completion.
- 48Workspace SetupBlockCreate a workspace, invite teammates, and choose initial settings.
Commerce
11- 49Coupon FieldA checkout-safe discount field with rounded, pill, and compact variants.
- 50Quantity PickerA limit-aware stepper with direct input and rounded, pill, and compact variants.
- 51Cart ItemA composable cart line with card, plain, and compact variants.
- 52Price SummaryA composable order total with card, plain, and compact variants.
- 53Order StatusA composable fulfillment timeline with card, plain, and compact variants.
- 54Product DetailBlockGallery, options, availability, price, delivery, and purchase actions.
- 55Product ListingBlockCategories, filters, sorting, result counts, and pagination.
- 56Cart DrawerBlockReview items, quantities, discounts, totals, and checkout actions.
- 57CheckoutBlockGuide contact, delivery, payment, review, and confirmation.
- 58Order TrackingBlockStatus, shipment events, delivery estimates, and support.
- 59Subscription ManagementBlockChange plans, usage limits, payment, renewal, and cancellation.
Marketing
14- 60Announcement BarA campaign message with actions, dismissal, and remembered dismissal.
- 61Pricing ToggleSwitch billing periods while keeping prices, billing context, and savings labels in sync.
- 62Testimonial CardA quote with the person, role, organization, and an optional proof link.
- 63Product GalleryMedia selection with thumbnails, zoom, fullscreen viewing, and required alt text.
- 64Trust PanelCustomer logos, ratings, certifications, and security evidence in one section.
- 65Newsletter FormEmail signup with consent, validation, submission, success, and duplicate-email states.
- 66Hero SectionBlockPositioning, a primary action, supporting proof, and product media.
- 67Feature ShowcaseBlockBenefits as alternating copy and media with supporting details.
- 68Pricing SectionBlockPlans, billing periods, limits, and purchase actions in one section.
- 69Testimonials SectionBlockCustomer stories with people, roles, organizations, and a rating summary.
- 70FAQ SectionBlockSearchable questions with accessible disclosure answers.
- 71Call to ActionBlockClose a page with one goal, supporting copy, and reassurance.
- 72Waitlist SectionBlockCollect interest with qualification fields, consent, and confirmation.
- 73Contact SectionBlockContact options, availability, a message form with its states, and expectations.
Content
11- 74Author CardIdentity, biography, profile links, and a follow toggle.
- 75CommentReplies, reactions, inline editing, moderation states, and timestamps.
- 76Reaction BarReaction counts and selected states with accessible names.
- 77Share MenuNative sharing, copy-link feedback, and share channels in a floating menu.
- 78Changelog EntryRelease date, version, categories, and linked changes.
- 79Article PageBlockLong-form reading with metadata, text size controls, sharing, and related articles.
- 80Documentation PageBlockNavigation, an in-page table of contents with the current section, content, and page actions.
- 81Changelog PageBlockReleases grouped by date with version, category, and product area filters.
- 82Comment ThreadBlockNested replies, reactions, sorting, moderation states, and a comment composer.
- 83Community FeedBlockPosts with authors, tags, reactions, filters, and numbered pagination.
- 84Public ProfileBlockIdentity, links, follower counts, pinned work, and recent activity.
Maps
6- 85Map FrameA labelled map region that hosts any map library, anchors overlays to its edges, and shows a placeholder basemap while tiles load.
- 86Map ControlsZoom, compass, locate, and custom camera buttons in stacked, bar, and compact variants.
- 87Map MarkerSelectable pins, dots, and price labels with tones, captions, and a cluster count.
- 88Map LegendLayer symbols, counts, a color ramp, and visibility toggles in card, floating, and compact variants.
- 89Place CardPlace details with rating, opening status, contact facts, and actions as a card, map popup, or compact row.
- 90Route SummaryTravel modes, stops, totals, and turn-by-turn steps for a route in card, plain, and compact variants.
Application
7- 91Dashboard ShellBlockGlobal navigation, page hierarchy, actions, key metrics, and a layout that stacks on narrow screens.
- 92Settings PageBlockGrouped settings with edited markers, inline validation, a floating save state, and a quiet danger zone.
- 93Profile PageBlockIdentity, account actions, contact details, and recent activity in a sidebar or stacked layout.
- 94Team ManagementBlockMembers, roles, invitations, access status, search, and confirmed removal.
- 95Notification CenterBlockUpdates grouped by date with unread state, filters, per-item toggles, and bulk actions.
- 96Billing PortalBlockPlan, usage, payment method, invoice history, billing alerts, and confirmed cancellation.
- 97Search ResultsBlockQuery controls, filters, ranked results with highlighted terms, empty states, and pagination.
Operations
7- 98Resource ManagerBlockList, create, inspect, edit, archive, and delete domain records.
- 99Data ExplorerBlockQuery surface, results, saved views, and export actions.
- 100Import WorkflowBlockFile selection, column mapping, validation, preview, and completion.
- 101Approval QueueBlockPending decisions grouped by risk, age, owner, and impact.
- 102Audit Log ViewerBlockFilters, events, details, and export controls.
- 103Incident DashboardBlockStatus, impact, timeline, responders, and updates.
- 104Report BuilderBlockSelect metrics, dimensions, filters, visualization, and export format.
Brazil
4- 105Document FieldCPF and CNPJ entry with masking, check digits, and the alphanumeric CNPJ.
- 106CEP FieldPostal code entry that masks, looks up the address, and reports the result.
- 107Pix PaymentA Pix charge with QR code, copy-and-paste code, expiry countdown, and payment status.
- 108Installment PickerCard installment choices with per-installment amounts, interest terms, and totals.