Latest updates

Changelog

We work hard to build the best UI components for your projects.

What's new (October 2026): Any DESIGN.md. Animated. Any agent.

The biggest Tailkits UI update so far.

  • 31 launch-page sections in 7 new categories: waitlist, launch, comparison, integrations, roadmap, coming soon and launch badges. The library now has 237 sections in 28 categories, 34 of them free.

  • Token layer. Every section reads shadcn variables (background, foreground, primary, muted, accent, border, ring, radius), so any shadcn theme or DESIGN.md reskins the whole library.

  • CSS-only motion on every section: entrances, scroll reveals and hover states, switched off under prefers-reduced-motion.

  • AA contrast defaults. Five default colours were raised to pass WCAG AA.

  • React/TSX through the @tailkits shadcn registry: npx shadcn add @tailkits/hero-2. Free sections install without an account.

  • Claude Code plugin with a landing-page skill. One token now unlocks MCP, the plugin and the registry.

  • Lifetime plans: $89 Solo, $149 Team, next to the yearly plans ($49 Solo, $89 Team).

Pricing Update: New Plans Starting March 2026

We've updated our pricing plans to better reflect the value of Tailkits UI.

New pricing:

  • Solo: $49/year (previously $79/year)

  • Team: $89/year (previously $149/year) - Save $60

Both plans include all 200+ components, native MCP support, unlimited projects, unlimited MCP usage, and updates while subscribed. The Team plan supports up to 10 members.

Existing customers: If you're already on a plan, nothing changes for you. You'll continue to have access to your current plan as usual - no action needed.

This limited-time pricing is available now - lock in your rate before it changes.

New categories: Bento Grids and Blog Content

What’s new ✨

New bento sections, blog content blocks, and footer updates.

  • Bento Grids

Build modular, eye-catching section layouts that mix imagery, metrics, and copy without heavy code.

  • Blog Content

Drop-in article elements like headings, pull quotes, code blocks, and author boxes to speed up content pages.

  • Footer

3 new components added

MCP Integration: Access Tailkits UI components directly in Claude, Cursor, and VS Code

We're thrilled to announce Model Context Protocol (MCP) integration for Tailkits UI – our biggest update since launch!

You can now access all 200+ Tailwind components directly through AI assistants like Claude, GitHub Copilot, Cursor, VS Code, and more. No more context switching or manual searching – just ask your AI assistant for Tailkits components and get instant access to verified, up-to-date code examples and documentation.

What's new:

  • Direct component access in your favorite AI coding tools

  • Real-time documentation fetching from official sources

  • Accurate code examples with no hallucinated links

  • Support for Claude Code, VS Code, Cursor, Windsurf, JetBrains IDEs, and Zed

  • Seamless integration with your existing workflow

Getting started:

Install the Tailkits UI MCP server in your preferred editor, it takes less than 2 minutes. Visit our documentation for step-by-step setup instructions for your specific development environment.

This integration brings the power of AI-assisted development to Tailkits UI, making it faster than ever to build beautiful Tailwind projects.

6 new blog content components are added

We have added 6 new blog content components to help you create engaging and informative blog posts with ease

Gradient Background

Ready to get started?

Get Started from $49/year
Mockup