Components thatshipwith your workflow
A soft, rounded component library for profile pages, creator storefronts, and SaaS surfaces. Built on shadcn/ui, Tailwind CSS, and Motion with first-class AI editor support.
Install the CLI in your project first, then run setup. In pnpm monorepos, run this from your Next.js app folder. Installation guide
Profile Header
ProReady-made creator profile UI with cover image, verified state, and social actions.
In your editor
kite generate "landing CTA variant"
↳ resolving tokens...
✓ Applied to 2 files. Open diff?
Your agent already speaks KiteUI.
Connect Cursor, Claude Desktop, and Windsurf with kiteuikit-mcp. Ask for components, tokens, and patterns without leaving your editor.
Cursor
Project + user config
Claude Desktop
Native MCP
Windsurf
Shared workspaces
Scripts / CI
REST + API keys
You ask
running"Add a docs hero matching KiteUI tokens"
Agent fetches
Resolves components + token usage
Preview
Renders variants in your editor
Apply
Writes files and imports with types
Everything you need
From profile headers to checkout flows, KiteUI has you covered.
Profile Widgets
Avatars, headers, stats, and social links
E-commerce Ready
Product cards, carts, and checkout flows
Creator Tools
Link trees, tip jars, and media grids
Mobile First
Touch-friendly by default with 44px tap targets
MCP Ready
Use the official MCP bridge in editor workflows
Accessible
ARIA labels and keyboard navigation included
Pick a category. Click a component.
Each one is owned by your repo after install. No black-box dependency, no surprise major bumps.
Button
InputsSocial links
NavigationData table
Data displayToast
FeedbackCard
Data displayCreator profile block
Rounded, soft, and token-driven.
Slider + switch
InputsCombobox
InputsPeach Garden
Sky Bias
Mint Spring
One token source.
Many visual directions.
Swap palettes without rewriting components. KiteUI reads semantic tokens so contrast, radius, and motion behavior stay consistent across themes.
export const theme = defineTheme({
base: "peach-garden",
radius: "comfy",
tone: { accent: "bubble.lavender" }
})
From zero to shipped
in under two minutes.
“We built KiteUI to make production UI feel fast again - from first install to shipping polished pages.”
Matt M
Founder, KiteUI
Ready to build something beautiful?
Start with the official setup command, then pull in only the components you need.