Skip to content
WingoUI
NewWingo UI 1.0.1 is out

Ship app UI that feels native.

268 animated, configurable React components and full-screen blocks. Copy the source, make it yours, and let Claude Code, Codex, Gemini or Grok build with them.

Browse componentsSee pricing
npx wingo-ui@latest init

59 components are free forever. Try every other one live, no account needed.

Revenue

$74,310Up 8.1%vs. previous

Check your email

Enter the 6-digit code we sent to emma@carter.dev.

Any 6 digits work here.

Accent

Every component takes a color. Pick one and watch the others follow.

Notifications

Everything above is live. Tap, type, drag and pick an accent.

Components
209
Full-screen blocks
23
Hooks and utilities
36
Categories
16
Free forever
59

Try them

Real components, not screenshots

The same demos as in the docs, running right here. Drag a card, sort the table, swipe the deck.

Tables & Lists

A board of columns and cards for pipelines, orders and tasks: drag with mouse, touch or keyboard, WIP limits, inline add and a phone layout.

Open Kanban

Why Wingo UI

Made for apps people use every day

Every component follows one design system, so a button, a sheet and a data table feel like they came from the same hand.

Feels native on phones

Designed at 390 pixels first. Overlays turn into bottom sheets, touch targets are 44 pixels, and gestures follow your finger at 60fps.

  • Bottom sheets instead of popovers on phones
  • 44px touch targets and safe areas
  • Swipe, drag and long press that feel right
  • Tables turn into cards on small screens

Orders

#1042New YorkIn transit
#1041BrooklynPacked
#1040Jersey CityDelivered

Delivery

Choose when order #1042 arrives.

Light and dark, equally good

Both themes are designed, not inverted, and every color pair passes WCAG AA. Switch this page and see.

Every detail is a prop

Size, variant, tone, radius, color, labels and icons, each with a sensible default. Set app-wide defaults once with UIProvider.

size
radius
variant
tone
<Button radius="full" tone="brand">Continue</Button>

Your brand in minutes

Surfaces, text, brand and status colors are tokens in one CSS file. The theme generator builds them for you.

Open the theme generator

Accessible by default

Real buttons and inputs, proper labels, visible focus and full keyboard support.

  • Radix primitives for focus and ARIA
  • Respects reduced motion
  • AA contrast in both themes

Source you own

Components land in your project as plain TypeScript files. No runtime package and no lock-in.

$ npx wingo-ui add otp-input
✓ components/ui/otp-input.tsx
✓ lib/utils.ts
Recorded otp-input@1.0.0 in wingo-ui.json

Blocks

Whole screens, ready to adapt

Full pages for CRM, admin, marketplaces and AI apps, built from the same components. Start from a block and change what you need.

CRM and sales

Pipelines, contact pages and a shared inbox.

Admin and ERP

Dashboards, users, automations, invoices and settings.

Marketplace and commerce

Home, search, listings, posting, checkout and pricing.

AI apps

Chat, prompts, tool calls and agent status.

Apps and onboarding

Mobile home, onboarding, sign-in and error pages.

AI agents

Build UIs with your AI agent

Connect Claude Code, Codex, Gemini CLI or Grok to Wingo UI. Your agent searches the library, reads the props and design rules, and installs the right components.

  • An MCP server with 10 tools

    Search, docs, source, design rules, theme tokens and update checks over one remote endpoint.

  • A CLI that installs source

    npx wingo-ui add copies components and everything they need into your project.

  • Rules and skills for every agent

    One command adds agent rules and a Claude skill that teach your agent the design system.

  • Always up to date

    The MCP server serves the latest release, so your agent knows new components the day they ship.

Connected in a minute

Create an API key in your account, then add the server to your agent. Free components work without a key.

Run in your terminal

Terminal
claude mcp add --transport http wingo-ui https://wingo-ui.com/mcp --header "Authorization: Bearer $WINGO_UI_API_KEY"

Add to .mcp.json

.mcp.json
{
  "mcpServers": {
    "wingo-ui": {
      "type": "http",
      "url": "https://wingo-ui.com/mcp",
      "headers": {
        "Authorization": "Bearer ${WINGO_UI_API_KEY}"
      }
    }
  }
}

Then ask

“Build a settings page with a profile form, notification switches and a danger zone. Use Wingo UI.”

Updates

Updates you can merge

Every component has a version. When a component gets a fix or a new prop, the CLI shows what changed and merges it into your copy, keeping your own edits.

  1. npx wingo-ui outdated

    See which of your components have a newer version.

  2. npx wingo-ui diff

    Review the exact changes before you take them.

  3. npx wingo-ui update

    Take the new version with a 3-way merge that keeps your edits.

Latest releasev1.0.1

Sticky data table headers stay in place

A fix for the data table, whose sticky header cells could shift down and cover the first row.

Added
0
Changed
0
Fixed
1
Removed
0
Read the changelogRSS feed
$ npx wingo-ui outdated
2 updates available
  otp-input    1.0.0 → 1.1.0  new props
  data-table   1.0.0 → 1.0.1  fix

$ npx wingo-ui update
✓ Updated 2 components, your edits kept

Example output.

Pricing

Simple pricing. Free to start.

59 components, hooks and helpers are free forever. Pro unlocks everything, including every new component.

Free

The essentials, free forever.
Free
Browse components

No account needed

  • Included: 59 components, hooks and helpers
  • Included: All 21 Rare UI components
  • Included: CLI and MCP for the free items
  • Included: Every docs page and live playground

Pro

Most popular
All of Wingo UI, billed monthly or yearly.
$80 per year, You save $16 a year
Get Pro

Cancel anytime

Everything in Free, plus:

  • Included: All 268 components, blocks and hooks
  • Included: 23 full-screen blocks
  • Included: Full MCP and CLI access for your agents
  • Included: Every new component while subscribed
  • Included: Commercial use in unlimited projects

Lifetime

Pay once, keep Pro forever.
$150  once
Get Lifetime

Already subscribed? Your plan stops renewing.

Everything in Pro, plus:

  • Included: One payment, no renewals
  • Included: All future components and updates
  • Included: Full MCP and CLI access, forever
  • Included: The same commercial license as Pro

Free

The essentials, free forever.
Free
Browse components

No account needed

  • Included: 59 components, hooks and helpers
  • Included: All 21 Rare UI components
  • Included: CLI and MCP for the free items
  • Included: Every docs page and live playground

Pro

Most popular
All of Wingo UI, billed monthly or yearly.
$80 per year, You save $16 a year
Get Pro

Cancel anytime

Everything in Free, plus:

  • Included: All 268 components, blocks and hooks
  • Included: 23 full-screen blocks
  • Included: Full MCP and CLI access for your agents
  • Included: Every new component while subscribed
  • Included: Commercial use in unlimited projects

Lifetime

Pay once, keep Pro forever.
$150  once
Get Lifetime

Already subscribed? Your plan stops renewing.

Everything in Pro, plus:

  • Included: One payment, no renewals
  • Included: All future components and updates
  • Included: Full MCP and CLI access, forever
  • Included: The same commercial license as Pro
Compare plans and read the FAQWhy some components are free

Your next app UI starts here.

Try every component for free, then go Pro when you are ready to ship.

Get Wingo UI ProBrowse components