John Champ (@pixelcave_john) header
John Champ (@pixelcave_john) profile picture

Building products people actually use Founder @pixelcave · 20k+ sales · https://nitter.cf/t.co/yd1gsjuGku · https://nitter.cf/t.co/eHYOwWUtSI · https://nitter.cf/t.co/0Takrj7FvR

Lead a life you are proud of
Joined September 2017
Photo by John Champ (@pixelcave_john)Photo by John Champ (@pixelcave_john)Photo by John Champ (@pixelcave_john)Photo by John Champ (@pixelcave_john)Photo by John Champ (@pixelcave_john)Photo by John Champ (@pixelcave_john)Photo by John Champ (@pixelcave_john)Photo by John Champ (@pixelcave_john)Photo by John Champ (@pixelcave_john)
if you are using shadcn/ui or React in your projects, this one is for you! how many animated visuals can you handle?
what’s the fastest way to make a landing page feel expensive? not more copy not another hero screenshot motion that actually belongs to the page these are the latest 25 animated visuals that I shipped and all are fully customizable live preview → codedvisuals.com/visuals use them instead of plain icons and abstract images still cooking a lot more for September astro design system next and agent skills already love these, i will show you soon
6
33
1
476
76,310
agent uses the Astro design system.. ..and then delivers your website.
this is the product I built for the agentic era. I created this to help me with my agency's work but I'm sure you will find it very handy as well. a design system for building super fast and carefully crafted marketing websites with your agents. it consists of: → layout system A robust system it took me months to put together. The implementation wasn't hard, it was the decisions I had to tale on how to approach this to cater for all my needs. → dynamic blocks The blueprint every single section is created from, completely customizable with props. → configuration core Manages the overall functionality, layout and look of your whole project. → skills that teach your agents the whole system ask your agent to build your website from a brief + assets or prepare any page you want. It picks the right blocks, reads their props, and follows the rules. You get great results every time. → updates that merge, never overwrite a dream come true for me. You can now upgrade your whole project to the latest design system update with just one command to your agent. and today it got bigger. Buildkit 1.1.0 update is out: → 2 animated hero scenes from CodedVisuals are now included bringing them to 62 visuals in total. → 13 new core blocks: centered and split headers, services, location map, contact cards, pricing comparison, testimonial wall, and more. → Header overlays that slide in as you scroll. → Changelog and legal page boilerplates along with tons of improvements and fixes under the hood. if you are building static websites for you or your clients and you are tired of AI generated code with no design system that you can't properly maintain and extend, then this was made for you too. → astrobuildkit.com/changelog let me know what you built with it 🙏
1
65
this is the product I built for the agentic era. I created this to help me with my agency's work but I'm sure you will find it very handy as well. a design system for building super fast and carefully crafted marketing websites with your agents. it consists of: → layout system A robust system it took me months to put together. The implementation wasn't hard, it was the decisions I had to tale on how to approach this to cater for all my needs. → dynamic blocks The blueprint every single section is created from, completely customizable with props. → configuration core Manages the overall functionality, layout and look of your whole project. → skills that teach your agents the whole system ask your agent to build your website from a brief + assets or prepare any page you want. It picks the right blocks, reads their props, and follows the rules. You get great results every time. → updates that merge, never overwrite a dream come true for me. You can now upgrade your whole project to the latest design system update with just one command to your agent. and today it got bigger. Buildkit 1.1.0 update is out: → 2 animated hero scenes from CodedVisuals are now included bringing them to 62 visuals in total. → 13 new core blocks: centered and split headers, services, location map, contact cards, pricing comparison, testimonial wall, and more. → Header overlays that slide in as you scroll. → Changelog and legal page boilerplates along with tons of improvements and fixes under the hood. if you are building static websites for you or your clients and you are tired of AI generated code with no design system that you can't properly maintain and extend, then this was made for you too. → astrobuildkit.com/changelog let me know what you built with it 🙏
1
2
4
352
opus said it couldn't be done. I said it can. complete animated hero scenes now available. lightweight, fully resposive, and shadcn themed now we are getting serious.
stop putting a static screenshot in your hero it kills the page the second someone lands just added the first batch of full animated hero scenes to CodedVisuals, built to replace the screenshot codedvisuals.com/visuals drop them into any shadcn/ui or React project: → shadcn registry → MCP server → agent skills → copy-paste how many of these would you actually ship?
140
stop putting a static screenshot in your hero it kills the page the second someone lands just added the first batch of full animated hero scenes to CodedVisuals, built to replace the screenshot codedvisuals.com/visuals drop them into any shadcn/ui or React project: → shadcn registry → MCP server → agent skills → copy-paste how many of these would you actually ship?
1
1
1
315
ai ui slop with dark mode is also dead 😱
3
170
ai slop is dead
3
2
6
1,193
it still remains the fastest way for any shadcn and react fan
what’s the fastest way to make a landing page feel expensive? not more copy not another hero screenshot motion that actually belongs to the page these are the latest 25 animated visuals that I shipped and all are fully customizable live preview → codedvisuals.com/visuals use them instead of plain icons and abstract images still cooking a lot more for September astro design system next and agent skills already love these, i will show you soon
155
this is your new vibe coded CRM dashboard for your business it was quickly put together with Opus 5.5 and Tailkit's MCP server using the new collections feature I visually put together all my favorite components for that dashboard and asked to use that collection to build it prompt: "use the 'Dashboard CRM' collection I have on tailkit to build me a CRM dashboard UI for my custom vibe coded project to manage my customers Use for primary color a nice tailwind css palette close to the default indigo and the secondary a palette close to the default zinc one" that's it!
1
1
2
384
deal coming soon, so stay tuned!
1
3
216
this is how every new project starts!
4
212
have you checked out the latest collections feature in Tailkit? you can create collections with only the components you want.. ..and then, your agents can use them to create any design through the MCP server it just works!
163
i’m launching 1.1 update the upcoming week and it’s going to be huge so many features I couldn’t put in 1.0 will be soon available I’m excited about where this project is headed, I started using it everywhere
you must check this out, if you are building static websites with Astro and agents by grabbing a license for buildkit, you also get access to 60 animated visuals from codedvisuals this is helpful for quickly putting together amazing feature sections out of the box using the included skills this is a great deal and I hope you find it useful also, since i keep adding new animated visuals all the time to the main library, I'll make sure to include more in buildkit as well
2
182
you must check this out, if you are building static websites with Astro and agents by grabbing a license for buildkit, you also get access to 60 animated visuals from codedvisuals this is helpful for quickly putting together amazing feature sections out of the box using the included skills this is a great deal and I hope you find it useful also, since i keep adding new animated visuals all the time to the main library, I'll make sure to include more in buildkit as well
1
1
2
421
adding a personal touch on buildkit website as well ❤️
5
191
we are experiencing a major shift losing sales is your signal leave your old beliefs aside and move forward as fast as possible there is no going back
things aren't going well sales keep falling for everyone you know, and the themes market seems to be in bad shape it's May 2025 and even mediocre AI models at the time seem to be used for UI generation instead of handcrafted designs they are good enough then this happens.. Google starts making changes to search, introducing AI features. I lose almost 60% of my organic traffic overnight they say that SEO is officially dead, and my sales start disappearing as well have been selling on Envato for more than 16 years, and sales start disappearing there as well i have many ongoing freelance projects at the moment, but i still remain vigilant about the situation boilerplate trend says goodbye, too November 2025 and Anthropic releases Opus 4.5 people go nuts, and they are right, the model is really good in the next 3 months that follow, i still remember seeing tons of posts from people looking for a job on X everyone teaching code and selling courses sees their revenue vanish developers question their life and career, designers try to prove there is value in their work, people say that the internet and the world are over, and others say that wait, so much work is coming our way because AI will enable it things are looking bad no one knows what's going on what do i do with my online business? 1. first of all, say goodbye to my Bootstrap templates once and for all 2. continue freelance work 3. start taking my local agency more seriously since with AI i can now do more and support more people and projects at affordable prices 4. secondly, take Tailkit to the next level, integrating the whole library with agents through the MCP server and redesigning most of the available UI components 5. try to solve 2 major problems by also creating new design products for the AI era: a) animated visuals that enhance any landing and marketing pages and b) a design system for Astro and agents that helps me put together a solid foundation when building any static website at the same time, i started building all the things I've always wanted with AI for my business, and i'm almost 95% there i don't have all the answers, but things are looking better than before while we transition into the unknown the only thing i know, and if you ask me, i would tell you, is that you have to keep moving and trying new things we might not be able to know what the future looks like, but we can definitely build it ..and remember that if something you build takes time to even with ai but is helpful to you, then it holds value to other people as well
2
234
John Champ retweeted
Replying to @pixelcave_john
A story almost every creator can relate to. Once, our Bootstrap and Next.js products were among Envato’s weekly bestsellers. Today, sales are barely alive. All our marketplaces are struggling. We’re exploring new paths, but finding a real moat isn’t easy. One thing you said really stayed with me 🙌 “If something takes time to build, even with AI, and genuinely helps you, chances are it holds value for others too.”
1
1
2
146
work in progress for the brand new animated visuals perfect for shadcn and react hero sections coming as a free update next week
1
1
261
things aren't going well sales keep falling for everyone you know, and the themes market seems to be in bad shape it's May 2025 and even mediocre AI models at the time seem to be used for UI generation instead of handcrafted designs they are good enough then this happens.. Google starts making changes to search, introducing AI features. I lose almost 60% of my organic traffic overnight they say that SEO is officially dead, and my sales start disappearing as well have been selling on Envato for more than 16 years, and sales start disappearing there as well i have many ongoing freelance projects at the moment, but i still remain vigilant about the situation boilerplate trend says goodbye, too November 2025 and Anthropic releases Opus 4.5 people go nuts, and they are right, the model is really good in the next 3 months that follow, i still remember seeing tons of posts from people looking for a job on X everyone teaching code and selling courses sees their revenue vanish developers question their life and career, designers try to prove there is value in their work, people say that the internet and the world are over, and others say that wait, so much work is coming our way because AI will enable it things are looking bad no one knows what's going on what do i do with my online business? 1. first of all, say goodbye to my Bootstrap templates once and for all 2. continue freelance work 3. start taking my local agency more seriously since with AI i can now do more and support more people and projects at affordable prices 4. secondly, take Tailkit to the next level, integrating the whole library with agents through the MCP server and redesigning most of the available UI components 5. try to solve 2 major problems by also creating new design products for the AI era: a) animated visuals that enhance any landing and marketing pages and b) a design system for Astro and agents that helps me put together a solid foundation when building any static website at the same time, i started building all the things I've always wanted with AI for my business, and i'm almost 95% there i don't have all the answers, but things are looking better than before while we transition into the unknown the only thing i know, and if you ask me, i would tell you, is that you have to keep moving and trying new things we might not be able to know what the future looks like, but we can definitely build it ..and remember that if something you build takes time to even with ai but is helpful to you, then it holds value to other people as well
7
1
2
30
2,480