pixelcave

Tailkit 5.0 with MCP Server has arrived and as always, FREE! 🥳 This is the future of Tailkit and I am really excited about this new direction. For the past 2 months I have been working very hard on something that a lot of people have been asking for: a completely custom Tailkit MCP server that lets your AI code editor work directly with all the components and code snippets the library has to offer. If you are building with AI tooling, this makes it much easier to browse, search, and pull component code straight into your workflow. You can also let AI build fully custom page designs for your projects based on Tailkit's design system. You can specify what components and layouts you need (using the brand new AI identifier each component now has) or describe what you want and let the MCP server put any design together for you. React, Vue.js, Alpine.js and HTML projects are all supported. The MCP Server supports OAuth and streamable HTTP transport and is available to everyone who already has a Tailkit license. If you try Tailkit 5.0 and need some help getting started feel free to let me know. I will do my best to help you out. Thank you all your continued support! 🙏 Happy prompting!! 👩‍💻👨‍💻🚀

toast design exploration

Video preview of the generated ecommerce dashboard UI in all of its glory. The MCP delivers.

Since you liked them, here are 2 new beautiful cards I just created and published on Taildrops. 118 - Notification Preferences Panel 119 - Connected Accounts List Featuring working (CSS only) form radio groups and form switches.

A full ecommerce dashboard designed in a couple of minutes using Tailkit's MCP server and Opus 4.7 Fully responsive, dark mode support, offcanvas for customer management and crispy modern handcrafted UI. All of that with a simple prompt ↓ "Use Tailkit components and put together a web dashboard using layout "a-l-various-02". Use alternative cards "a-c-cards-10, a-c-cards-11, a-c-cards-12) design when populating the dashboard with content (don't use card footers). This is an example dashboard for an ecommerce store backend. Try to enrich it with real dummy data to get a great starting point. Moreover, you should incorporate Offcanvas "a-c-offcanvas-11" for a customers overlay. The primary color should be indigo and the secondary should be neutral. Keep the design consistent across components and don't use contextual colors. Try sticking to indigo and neutral color palettes. Where applicable, use the Alpine.js snippet of the components. Add a dark mode toggle to the header."

Introducing Range Slider to the Pinemix library! - Tons of customization options (min/max, step, range mode, tooltips, prefix and suffix) - Accessible with keyboard navigation - Dark mode support - RTL support This marks the 30th free component in the library, woohoo! 🤯🎉

Building a full marketing website with Next.js and Tailkit's MCP has never been more fun. Prompt ↓ "Use components from Tailkit and create a marketing website for my custom SaaS software which helps businesses get leads for their services. Create the following pages: Home, Features, Pricing, About, Contact. Use the React version and as primary color go for a dark zinc. Keep everything minimal (don't use many colors) and with consistent styling. Populate the website with realistic content."