HomeStylesTemplates
StyleKit
StylesTemplates

For developers

Use StyleKit in your workflow

Every style ships as design tokens you can pull straight into your project — through shadcn, your AI editor, or the terminal.

shadcn registry

Drop any style's theme into an existing shadcn project with a single command.

$npx shadcn add https://www.stylekit.top/r/glassmorphism.json

Injects light + dark cssVars · Tailwind v4 ready

MCP server

Let Claude, Cursor and Windsurf search and apply styles while you code.

$npx stylekit-mcp

search · tokens · recipes · install commands

CLI

Browse the catalog and grab a theme without leaving your terminal.

$npx stylekit-cli add synthwave

list · search · show · tokens · recipe · add

Agent Skill

Give Cursor, Claude Code and Windsurf built-in StyleKit knowledge — apply any style on request.

$npx skills add AnxForever/stylekit

Vercel Agent Skills · works with any compatible agent

These install a style's color theme — design tokens for light and dark. The component code is yours to build.

Browse all 130+ styles

StyleKit

A curated web design style library to help AI generate better-looking websites.

Navigation

StylesColorsCollectionsTemplatesGuideBlogChangelog

Resources

UI Design PromptsLanding Page PromptsDashboard PromptsTailwind UI PromptsDark Mode UI PromptsGitHub Repository

Stay Updated

By subscribing, you agree to our Privacy Policy and Terms.


Feedback

Have an idea, a suggestion, or found a bug? Tell me — it lands straight in my inbox.

Send feedback

Support Maintenance

If StyleKit helps your workflow, voluntary support helps cover servers, domains, and ongoing upkeep.

Scan to support / View all options

(c) 2026 StyleKit. Open source project.

AboutContactPrivacyTermsBuilt with the Editorial style
StyleKit frontend style librarystylekit.top陕ICP备2025065501号-3