iiinova — where your digital self keeps evolving

John Champ @pixelcave-john.bsky.social · 6h

Stop fixing what your AI agent got wrong in the design. Today, I'm launching Buildkit, the Astro design system your AI agent already knows: 41 core blocks, 19 backgrounds, 9 themes, 60 animated visuals, and skills so your agent builds with them instead of guessing. → astrobuildkit.com

100

John Champ @pixelcave-john.bsky.social · 14h

Are you using shadcn/ui? Then, this is for you! AI/writer.tsx was added yesterday with the last update.

010

John Champ @pixelcave-john.bsky.social · 30/09/2026

This shadcn/ui library is always growing with new animated visuals for your landing pages: - ai/writer.tsx - automations/workflow-builder.tsx - ai/* all visuals in the category were improved for even better performance ↓ 1,140+ variations now live at codedvisuals.com/visuals

011

John Champ @pixelcave-john.bsky.social · 29/09/2026

What do we have here? You are seeing a sneak peek of my upcoming astro design system, coming this week. Working on it for months already. So much I want to implement, so i keep postponing it but I have to release 1.0 now and take it from there.

100

John Champ @pixelcave-john.bsky.social · 28/09/2026

Are vibe coding your our own AI agent powered customer portal? Use opus 5.5 and Tailkit's MCP server to put together a beautiful UI for your project with a simple prompt. → tailkit.com/mcp-server

000

John Champ @pixelcave-john.bsky.social · 24/09/2026

It's out of my control now, it's growing every week. If you are into agents, shadcn/ui and react, then this one was made for you.

010

John Champ @pixelcave-john.bsky.social · 24/09/2026

This shadcn/ui library is getting huge.. ..and part of it is going to be included in the Astro design system I'm launching next week for marketing pages! For now, check out the new animated visuals under integrations: plugin-slot + logo-marquee. Live → codedvisuals.com/visuals

010

John Champ @pixelcave-john.bsky.social · 23/09/2026

You're going to love the next one I'm working on. Super fluid animation showcasing platform integrations. Ideal for your marketing sections. Look no further, it's a no brainer for your shadcn/ui and react projects.

010

John Champ @pixelcave-john.bsky.social · 23/09/2026

It doesn't get easier to search, preview, install and use these animated visuals in your shadcn/ui project. Logo marquee is coming soon to the party reaching 116 animated visuals with over 1090 variations in total. Totally customizable rows, logos and animation ↓

010

John Champ @pixelcave-john.bsky.social · 22/09/2026

Opus and Tailkit's MCP server are cooking once again. Complete dashboard UI for your web agency managing websites and clients. See it in action ↓

100

John Champ @pixelcave-john.bsky.social · 22/09/2026

You deserve much better designed landing pages! This is why i created codevisuals. It's a huge library of animated visuals that you can use in your shadcn/ui + react projects. You can use the included AI skills, shadcn registry, MCP server or just good old copy/paste. → codedvisuals.com/visuals

010

John Champ @pixelcave-john.bsky.social · 21/09/2026

AI cooked with a bit of help! Dashboard overview with open site tabs.

000

John Champ @pixelcave-john.bsky.social · 21/09/2026

Who said AI can’t design dashboard UIs? Your agency dashboard deserves a better user interface that looks like it's put together by a designer. Fire up Opus + Tailkit’s MCP server and you’re shipping a real handcrafted layout in minutes. → tailkit.com/mcp-server

000

John Champ @pixelcave-john.bsky.social · 19/09/2026

10,000+ licenses sold? yes! I've put together my best seller bootstrap admin templates in one bundle. 4 best seller projects now in one complete package: - OneUI - OneUI Vue Edition - Codebase - Dashmix → pixelcave.com/bootstrap-bundle

000

John Champ @pixelcave-john.bsky.social · 18/09/2026

Pinemix is back baby with a brand new component! Combobox just landed with type to search, keyboard nav, multi select chips, and custom values if nothing matches. Alpine + Tailwind CSS, no plugins, just copy paste. → pinemix.com/components/combobox/

010

John Champ @pixelcave-john.bsky.social · 18/09/2026

In case you've missed it! I published new visuals yesterday and many more are coming: - sections/backgrounds (needed this for my upcoming astro framework) - status/resource-monitor Put them into good use ↓

000

John Champ @pixelcave-john.bsky.social · 16/09/2026

If shadcn/ui and React is the stack of your choice.. ..then this project was made for you!

010

John Champ @pixelcave-john.bsky.social · 16/09/2026

I have a problem every time I build a landing page. AI or by hand, same thing. Design is fine. Then features: 3 icons and an abstract blob but I want the product to move, like someone cared. AI can do it. Still costs time, tokens, timing curves. Building coded animated visuals for that layer.

000

John Champ @pixelcave-john.bsky.social · 15/09/2026

A brand new animated illustration is now available with a free update for shadcn/ui and React. Introducing logo-reel under integrations, perfect for showcasing the logos of the products your service is compatible with. It looks & works extra smoothly codedvisuals.com/visuals/integrations/logo-reel

010

John Champ @pixelcave-john.bsky.social · 15/09/2026

I just upgraded Taikit's MCP server and now supports the latest MCP revision "2026-07-28" Let me know how it is working for you! 😊

000

John Champ @pixelcave-john.bsky.social · 15/09/2026

Your landing page still looks like everyone else’s but new animated visuals for shadcn/ui + react are coming soon. Currently working on a beautiful logo reel for showcasing product integrations. The library is growing super fast: codedvisuals.com

010

John Champ @pixelcave-john.bsky.social · 15/09/2026

Ok, this looks so good! I'm already tempted to finalize, self host and start using it on my own.

000

John Champ @pixelcave-john.bsky.social · 14/09/2026

Do you still design your dashboard UI by hand? Instead of using a template, you can now just use an MCP server like the one I created at tailkit.com/mcp-server Your agents will be putting together handcrafted designs in no time. Just describe what you want to build and you'll have it!

000

John Champ @pixelcave-john.bsky.social · 12/09/2026

Tons of variations for the world map and this is just one visual. You can alter the markers, labels, connections, reveal animations, add colored regions or alter the map style (sparse/default/dense). Shadcn/ui tokens to match your existing designs. Live: codedvisuals.com/visuals/geo/world-map

111

John Champ @pixelcave-john.bsky.social · 11/09/2026

make your marketing pages stand out using the new data and geo animated visuals - Data: Filters - Data: Import - Data: Query - Geo: World Map the library keeps improving every week with completely new (& always free) visuals for people with access 👉 codedvisuals.com/changelog

000

John Champ @pixelcave-john.bsky.social · 09/09/2026

Working on new animated visuals in the data category!

000

John Champ @pixelcave-john.bsky.social · 09/09/2026

If you build with shadcn/ui or React, this was made for you! How many animated visuals can you handle?

010

John Champ @pixelcave-john.bsky.social · 08/09/2026

AI can build your landing page in 30 seconds but it can't make it feel expensive. Use motion instead of plain icons and abstract images. 108 animated visuals for React, Tailwind, and shadcn/ui (growing library). Fully customizable, themed with your tokens. Live preview → codedvisuals.com/visuals

010

John Champ @pixelcave-john.bsky.social · 08/09/2026

Reached day 130 with new UI snippets on Taildrops! 🔥 You can just give any of those you like to your AI agents and integrate them in your project in no time. 👉 taildrops.com

000

John Champ @pixelcave-john.bsky.social · 07/09/2026

the wall of love keeps growing 🙏 if I missed yours, drop it below so I can add it.

000

John Champ @pixelcave-john.bsky.social · 07/09/2026

which one is your favorite dashboard shell? i really like the 3rd and 4th one

000

John Champ @pixelcave-john.bsky.social · 04/09/2026

No way this was made using AI. With the right resources and human guidance, it was!

010

John Champ @pixelcave-john.bsky.social · 04/09/2026

Looking for a job? I asked claude for a job application tracker (vibe coding for the win) using tailkit's mcp server. It went above and beyond and almost created a web application because why not. 👉 tailkit.com/mcp-server

020

John Champ @pixelcave-john.bsky.social · 03/09/2026

Are you kidding me, pinemix, too? Yes, all using my upcoming Astro design system! You'll be able to use it soon, too, so you can get a solid foundation to build your marketing and landing sites. Stay in the loop, working hard on it taking care of every small detail that matters.

000

John Champ @pixelcave-john.bsky.social · 03/09/2026

just implemented "shadcn migrate cn" on CodedVisuals and updated all AI skills accordingly update: npx skills update codedvisuals nothing else needs to be updated in your code unless you want to run the migration in your project too and replace clsx and tailwind-merge with cn

010

John Champ @pixelcave-john.bsky.social · 01/09/2026

just went mini-viral on X 🤯

000

John Champ @pixelcave-john.bsky.social · 01/09/2026

If you are using shadcn/ui or React in your projects, this one is for you! How many animated visuals can you handle?

020

John Champ @pixelcave-john.bsky.social · 31/08/2026

What’s the fastest way to make a landing page feel expensive? Not more copy or another hero screenshot. Motion that actually belongs to the page. 25 new animated visuals. Fully customizable. Use them instead of icons. → codedvisuals.com/visuals More in September. Astro + agent skills next.

010

John Champ @pixelcave-john.bsky.social · 30/08/2026

How easy is to get that beautiful 100 lighthouse score which really helps with SEO and GEO? I just used my upcoming Astro design system and scored a clean 100 without doing anything more 😉

010

John Champ @pixelcave-john.bsky.social · 27/08/2026

I made it! 🥳 All my free projects are now static sites made with Astro and my upcoming design system i'm building for Agents. → pinemix.com (6,120 pageviews - last 30 days) → taildashboards.com (1,020pv - 30d) → taildrops.com (1,240pv - 30d) Expect more content soon! Any questions?

010

John Champ @pixelcave-john.bsky.social · 26/08/2026

Vibe coding and self hosting your own GEO dashboard for your projects or looking to launch your own service? Don't settle for generic UI slop. Tailkit's MCP server and Opus 5 are your personal UI designer and frontend developer and it works really fast. 👉 tailkit.com/mcp-server

000

John Champ @pixelcave-john.bsky.social · 25/08/2026

New animated chart visuals just dropped! The whole library now includes 1,000+ variations. Check out everything that’s new: codedvisuals.com/changelog

010

John Champ @pixelcave-john.bsky.social · 20/08/2026

brand new website built with my upcoming Astro framework 👀 taildashboards.com

000

John Champ @pixelcave-john.bsky.social · 20/08/2026

+ git/diff Another beautiful animated visual for your marketing pages in the latest CodedVisuals update! 👉 codedvisuals.com/visuals/git/diff

000

John Champ @pixelcave-john.bsky.social · 20/08/2026

We are back in business and with a brand new website! New free UI snippets on Taildrops. Get inspired, learn, copy, enrich or feed your AI agents. 👉 taildrops.com

010

John Champ @pixelcave-john.bsky.social · 19/08/2026

+ git/branch-graph New visual in the latest update! 👉 codedvisuals.com/visuals/git/branch-graph

000

John Champ @pixelcave-john.bsky.social · 19/08/2026

CodedVisuals library keeps getting better and better! I just introduced new visuals and improvements: + Git: Branch Graph + Git: Diff + Git: Pull Request - States: Not Found + AI Skills improved Available through good old copy/paste, shadcn Registry, MCP server and AI skills for your AI agents 🔥

112