Bare UI.

The unstyled, ultra-fast component library for full-stack developers.

Zero dependencies. Pure HTML & CSS. Copy-paste ready components with zero runtime overhead. Build faster. Ship lighter.

Component Preview

<GlassCard> — Premium frosted effect with zero bloat

Why Bare UI?

⚡

Zero Bloat Code Drops

Pure HTML & CSS. No runtime overhead. Copy-paste ready components that ship fast.

🤖

MCP-Native AI Context Profiles

Seamlessly integrate with Claude, ChatGPT, and your favorite AI tools via MCP protocol.

🔧

Frictionless CLI Integration

One command. Full setup. Get started with `npx bare-ui init` instantly.

terminal

$ npm install bare-ui
$ bare-ui add button
Copy the add component command:
bare-ui add button

AI-Native with MCP Integration

Bare UI works natively with Cursor and other AI assistants through our Model Context Protocol (MCP) server. Give AI full access to your component library.

Add this configuration to your Cursor settings to enable MCP:

{
  "mcpServers": {
    "bare-ui": {
      "command": "npx",
      "args": [
        "-y",
        "bare-ui-mcp"
      ]
    }
  }
}

Setup Instructions:

Open Cursor Settings (Cmd/Ctrl + Shift + J)
Go to "Extensions" → "MCP" tab
Paste the JSON configuration above
Restart Cursor to enable the MCP server
Now ask Claude to add or modify Bare UI components!

Ready to build faster?

Join the waitlist for early access and get exclusive dev tools.