John Champ

Building products people actually use
Founder @pixelcave · 20k+ sales ·

[John Champ @pixelcave_john]

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!! 👩‍💻👨‍💻🚀

[John Champ @pixelcave_john]

Small changes every day lead to huge outcomes down the road.

Just improved and published 2 more team sections.

The marketing package is starting to feel really polished now, not many sections left to refresh.

[John Champ @pixelcave_john]

How AI influenced your work life?

[John Champ @pixelcave_john]

👉 https://t.co/cPcqgRHKVF

[John Champ @pixelcave_john]

Days 124, 125 & 126!

More free snippets are now live on Taildrops.

A growing collection of handcrafted inspiration for both humans and AI 👀

[John Champ @pixelcave_john]

Tailkit's MCP + Claude = my new frontend stack.

One prompt → real components, sky/neutral theme, Alpine.js dark mode toggle, full landing page for a fake AI video editor ("Cutpilot").

No copy-paste. No guessing class names. Just shipping.

[John Champ @pixelcave_john]

2 more team sections redesigned.

That brings the total to 90 refreshed marketing components so far.

The whole marketing package is slowly turning into the best version Tailkit has ever had.

And honestly, these new sections look even better when the MCP server put everything together for you.

[John Champ @pixelcave_john]

Keyboard top down view with alternate shortcut.

Claude colors with dark mode support.

[John Champ @pixelcave_john]

Keyboard + shortcut visualization using Claude theme colors.

[John Champ @pixelcave_john]

Keyboard + shortcut visualization using Claude theme colors.

[John Champ @pixelcave_john]

I just published a brand new Resume template on pixelcave.

It's available for free, so be sure to check it out!

[John Champ @pixelcave_john]

Grab a copy at 👉 https://t.co/cyUAqcLkJh

[John Champ @pixelcave_john]

I just published a brand new Resume template on pixelcave.

It's available for free, so be sure to check it out!

[John Champ @pixelcave_john]

@peter_carruth 😂

[John Champ @pixelcave_john]

Claude Opus 4.8 is out

[John Champ @pixelcave_john]

Building modern, clean landing pages with handcrafted designs and AI-powered stitching has never been easier.

Tailkit MCP + Opus:

"Use Tailkit components and build me a landing page for a travel agency. Use indigo as the primary color, neutral for secondary. Populate the page with real-life data and use dummy images from Unsplash or other online resources. Don't use contextual colors, keep it as simple and modern as possible. "

[John Champ @pixelcave_john]

Time feels faster as we grow older because our lives become more repetitive.

Same schedule.
Same routes.
Same routines.

Our brain stops creating distinct memories for each day since they all feel the same.

Life hack:
Try new things more often and break your routine whenever you can.

Back in 2019, I traveled for 6 months around the world and every day felt unique.

Honestly, my brain remembers it more like 2 years than 6 months.

[Steve Lauda @stevelauda_]

I feel time moving faster and faster ever since COVID.

Maybe it's just an illusion. Idk.

But I feel like the distance between January to December is getting shorter and shorter.

[John Champ @pixelcave_john]

👀

[John Champ @pixelcave_john]

I'm exploring animation for a statistics card

[John Champ @pixelcave_john]

👀

[John Champ @pixelcave_john]

Fan animation for multiple files visual.

Sneak peek in both light and dark mode.

[John Champ @pixelcave_john]

Grab it at https://t.co/8SUIJMGGIO

[John Champ @pixelcave_john]

Did you know that Tailkit offers a free component each day?

Be sure to check out today's command palette with HTML (design only) and working React, Vue.js and Alpine.js snippets.

[John Champ @pixelcave_john]

@shawngraves I'm currently in the process of redesigning existing components keeping similar structure but improving the design.

Afterwards, I will keep introducing new components to the library.

[John Champ @pixelcave_john]

All contact sections in Tailkit's Marketing package are now refreshed with super clean design.

88 sections were redesigned the past ~1,5 month along with all their code snippets (HTML, React, Vue.js, Alpine.js).

More to come and new UI components afterwards, so stay tuned!