Skip to content
Buy
Core UI Blocks · WunderUI Pro

314 production-ready screens, one component library

Every screen from the WunderUI Figma UI Blocks pages, implemented 1:1 in React — responsive down to 390px, light and dark from the same token set, fully interactive. Copy the file, swap the copy, ship.

Get WunderUI ProBrowse components

A.Auth & Onboarding

Sign in, sign up, verification, wizards, invites, settings and first-run screens.

All 6 block pages
Sign In & Sign UpEvery way into the product — split layouts, centered cards, magic links, SSO, multi-step registration and password recovery.
OTP / 2FA VerificationOne-time codes, authenticator setup, backup codes, trusted devices and every error state in between.
Onboarding WizardA five-step first-run wizard — profile, workspace, team, plan and import — with sidebar and top stepper variants.
Team Invite FlowInvite teammates by email or link, accept or decline invitations, manage members and approve join requests.
Settings PagesProfile, notifications, security, workspace, integrations, appearance and the danger zone — one settings shell, seven pages.
Empty Account Welcome ScreenWhat a brand-new workspace looks like — getting-started checklists, empty states, a welcome modal, a product tour and the sample-data choice.

B.Application & Dashboard

Shells, dashboards, billing, notifications, activity, profiles, team, files, search, command palettes, empty states and upsells.

All 13 block pages
App ShellThe frames every product screen lives in — sidebar + topbar, collapsed rail, top-nav only, dual sidebar with context panel, dark mode and a mobile shell with bottom navigation.
Analytics DashboardKPI overviews, sales performance, realtime feeds, date comparison with a filters drawer and an editable widget grid.
Billing / Subscription ManagementSubscription overview, plan changes, payment methods, invoices, usage-based billing and a cancellation flow with a retention offer.
Notifications CenterThe bell dropdown, a full notification center with toasts, per-channel settings, the empty inbox and a phone-sized list.
Activity Feed / Audit LogTeam timelines, security audit tables, event detail drawers, per-object history and compact activity widgets.
User Profile PageProfile pages with cover images, card variants, an edit modal, the logged-out public view and hover cards.
Team ManagementMember directories, a roles & permissions matrix, member drawers, groups, the remove-member dialog and ownership transfer.
File ManagerGrid and list views with folder trees and detail panels, upload progress, file previews, sharing permissions and trash.
Search Results PageFiltered results, grouped results with an empty state, typeahead suggestions, recent searches and an advanced query builder.
Command PaletteA ⌘K palette with groups and shortcuts, nested actions, an AI ask mode, the no-results state and a mobile bottom sheet.
Empty StatesA library of empty-state cards, full-page states inside the shell, loading skeletons, error pages and first-run vs. filtered empties.
Onboarding Checklist WidgetGetting-started checklists as a card, a floating launcher with popover, an inline banner, the celebration state and a collapsed sidebar pill.
Upgrade / Paywall PromptUpgrade modals, locked features with banners and sidebar upsells, gated tooltips, trial-expired and seat-limit screens plus a pricing comparison table.

C.Data & Tables

Charts, data tables, kanban, calendars, gantt timelines, inboxes, leaderboards and order lists.

All 8 block pages
ChartsKPI overviews, a gallery of every chart type, period comparison, filtered reports and drill-down breakdowns — all on the library's chart components.
Data Table (Filters / Bulk Actions)Sorting, pagination, filter toolbars, saved views, bulk actions, column settings, expandable rows, inline edit, row drawers, empty/loading states and a mobile card list.
Kanban BoardDraggable columns and cards, a card detail modal, swimlanes, WIP limits and the empty board.
Calendar / Scheduling ViewMonth, week and day/agenda views, an event popover, resource scheduling and an availability picker.
Gantt / Timeline ViewGantt bars with dependencies, a quarterly roadmap, a vertical milestone timeline and the task bar popover.
Inbox LayoutThree-pane inbox, conversation thread with composer, assignment sidebar, the empty inbox and a phone-sized list.
LeaderboardRanked tables with movement indicators, a podium hero, compact widgets and period/team filters.
Invoice / Order ListOrders with status and totals, order detail, an invoice document, a payment timeline and bulk export/print.

D.E-commerce

Product grids and detail pages, carts, checkout flows, order confirmation & tracking, reviews and wishlists.

All 8 block pages
Product GridCategory page with faceted filters, product card variants, list view with sort & view toggle, load-more pagination and an empty search result.
Product Detail PageGallery with variants and add to cart, a sticky buy box, description & specs tabs, related products carousel, a size guide modal and the mobile PDP.
Cart / Mini-CartSlide-over mini cart, full cart page with order summary, empty cart, promo code & shipping estimator and a frequently-bought-together upsell.
Checkout FlowSingle-page and multi-step checkout, payment methods, address book, order review and the guest-vs-sign-in gate.
Order ConfirmationSuccess page with summary, the confirmation email block and a create-account upsell.
Order TrackingTracking timeline page, live map & carrier card, order history list and a return & refund request flow.
Reviews / Ratings SectionRating summary with histogram, review list with filters & photos, a write-a-review modal and review card variants.
WishlistWishlist grid, empty wishlist, collections & share list and price-drop notification cards.

E.AI & Chat

Full-page chat, assistant sidebars, prompt libraries, model pickers, chat history and agent transcripts.

All 11 block pages
Full-Page Chat InterfaceChat with history sidebar and composer, new-chat suggestions, streaming with citations, message actions & feedback, attachments, the mobile chat, an artifact panel, multiple agents, pinned sources, voice input, inline approval and a full context window.
AI Assistant Sidebar / WidgetDocked assistant panel, floating launcher, contextual “ask about this” popover and an inline AI suggestion toolbar.
Prompt LibraryPrompt gallery, prompt detail with a variables form, create & edit prompt, and a categories sidebar with context menu.
AI Model Picker / SettingsModel selector dropdown, comparison cards, a parameters panel and a usage & cost meter.
Chat History SidebarGrouped history sidebar, search & pinned chats, rename & delete context menu, and the empty history state.
Agent Reasoning / Tool-Call TranscriptStep-by-step reasoning timeline, tool call cards, run summary, error & retry state and an approval-required step.
Agent PlanLive plan checklist, an editable plan before the run, a plan tree with phases, estimate vs actual, an agent todo board and a plan summary before the run.
Tool CallsA run's tool calls with a failed step to retry, a file edit as a diff, a web search with cited results, test runs in the terminal and per-tool permissions.
Agent ApprovalAn approval dialog with the diff, a batch queue across agents, a permission request with scopes, a high-cost step and the approval log.
AI UsageToken usage, spend by model, rate limits, usage by member, budget and alerts with an overage notice, and the request log.
Prompt InputSlash commands, @-mentions with context pills, an ask / agent / edit switch, the model card with a context meter, and a hero launcher with recent prompts.

F.Media & Content

Galleries, video pages, podcast shows, documentation layouts and event listings.

All 5 block pages
Gallery / Masonry GridMasonry grid with hover actions and a lightbox, album pages, upload & organize view.
Video SectionPlayer page with chapters, video grid & playlist, featured hero and a live stream with chat.
Podcast Episode ListShow page with episodes, episode detail with transcript, persistent mini player and subscribe block.
Docs / Knowledge Base LayoutThree-column docs layout, article page with code & callouts, docs home, changelog and an API reference page.
Event Listing / CalendarEvent list with filters, event detail with tickets, calendar grid and a ticket & RSVP modal.

G.Support & Feedback

Help center, contact forms, feedback widgets, NPS surveys and live chat.

All 5 block pages
Help Center / Support LandingHelp home with search & categories, category article list, article detail and an empty-results state.
Contact Form VariationsSimple contact form, multi-step topic-routed form, contact page with live chat & FAQ, and the success state.
Feedback WidgetFloating feedback widget, inline thumbs with comment, bug report modal and a feature request voting board.
Survey / NPS BlockNPS modal, inline survey banner, thank-you & results state and a CSAT micro-survey after an action.
Live Chat Widget TriggerCollapsed bubble with a proactive message, pre-chat form, expanded conversation and the offline state.