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

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

Lead a life you are proud of
Joined September 2017
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,161
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
1
73
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
90
work in progress for the brand new animated visuals perfect for shadcn and react hero sections coming as a free update next week
1
171
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
26
1,897
that's a great ai use case i use questions like the following all the time: 1. how can this be improved, give me "x" ideas 2. give me "x" features ideas to improve "this" even if most of them might not be good, there is always a couple of them that are great to explore further
Ask your AI for opinions all the time. Ask for feature ideas. Ask what the best possible thing your product could do next is. Last time I asked "give me 10 ideas that could bring the most value to our users" and I made a plan out of that. Use AI for thinking, not only for typing code.
163
if you’re into shadcn/ui, this is for you the upcoming animated visuals for your hero sections are too good to miss I fed them to buildkit and let my agents go wild the results are next level
1
195
hero visuals are coming..
don't sleep on this if you're putting together astro static websites with agents buildkit's first update is coming next week & will be huge 13 new blocks, a new dialog, smarter headers, and better ai skills for building your websites → astrobuildkit.com what's in it: → pricing comparison plans side by side, feature by feature → testimonials wall a wall of quotes with star ratings → new headers centered and split layouts, dropdown menus with icons, descriptions, and columns. also your hero can now sit under a transparent header that slides in as you scroll → changelog write each release as an MDX file and get a clean, linkable changelog page which can include animated visuals and images also in the update: → Closing CTA with an animated visual → Grouped and grid FAQs → Services grid → Location with map → Contact cards → Prose block for long pages → Accessible dialog with a video player → Header and footer border options → Smarter AI skills for building with Buildkit all built with astro and tailwind, using shadcn theme tokens, in light and dark mode. coming next week follow along so you don't miss it
219
don't sleep on this if you're putting together astro static websites with agents buildkit's first update is coming next week & will be huge 13 new blocks, a new dialog, smarter headers, and better ai skills for building your websites → astrobuildkit.com what's in it: → pricing comparison plans side by side, feature by feature → testimonials wall a wall of quotes with star ratings → new headers centered and split layouts, dropdown menus with icons, descriptions, and columns. also your hero can now sit under a transparent header that slides in as you scroll → changelog write each release as an MDX file and get a clean, linkable changelog page which can include animated visuals and images also in the update: → Closing CTA with an animated visual → Grouped and grid FAQs → Services grid → Location with map → Contact cards → Prose block for long pages → Accessible dialog with a video player → Header and footer border options → Smarter AI skills for building with Buildkit all built with astro and tailwind, using shadcn theme tokens, in light and dark mode. coming next week follow along so you don't miss it
1
1
1
445
i'm solving the problem i had the past few years once and for all I want to be able to create any landing page or business website I need in a few minutes pill headers, full headers, contained footers, dark mode, responsiveness, toggles, changelog pages, legal pages, animated visuals, section designs, seo and anything I always worked on from scratch, now built under one powerful design system that looks and works great i can finally do it! i'm able to get a super solid foundation which I can update, customize and extend under specific rules with my agents i can also go into the code and apply my frontend experience if it is needed since the code follows specific rules and I can always easily understand what's going on this is just the beginning and i'm super hooked on it buildkit for astro 1.1 update is coming soon and is huge.. ..and also codedvisuals will soon introduce hero visuals
your hero sections will never be the same again things will soon start getting really serious codedvisuals - i'm looking at you
1
317
your hero sections will never be the same again things will soon start getting really serious codedvisuals - i'm looking at you
2
3
571
this looks beautiful! 😍
I've always wanted to build a point & click game. Finally made it happen. Meet "Past": an adventure with a full story, cinematics, and dialogue. 52 rooms to explore, 13 characters to meet. Play it on desktop or in your browser. Then I turned the whole workflow into AI agent skills, so you can build this kind of game with your own story and art 👇 > new-adventure: a working Godot game to start from, with inventory, saves, dialogs and a sample game that plays start to finish > art-requests: every image comes from a prompt file you can trace > look-gate: lock in your art style before you paint 50 rooms > story-track: story, cast and puzzles planned before any art > paint-room: one data file becomes a playable room > painted-hero: your hero painted frame by frame over 3D pose guides > skinned-npc: side characters animated from a single painting > memory-reveals: flashbacks, cutscenes and big reveals > voice-cast: every line voiced with ElevenLabs > ship-check: test it and ship it to desktop and the web All 10 skills: github.com/TheOrcDev/skills/… You can play the game here: past-nu.vercel.app/ If you'd like to see more content like this, make sure to follow. I'll definitely create more 🔥
1
2
339
these are based on the same fluid animation i used in the plugin slot visual really loved it and plan to use it in future ones as well
just pushed new beautiful animated illustrations for your landing pages all with fluid animations bringing the count to over 1220 visual variations → api/rate-limit.tsx → charts/block-stack.tsx → connections/layer-stack.tsx → keyboard/isometric-keys.tsx → tasks/sort-lanes.tsx update your skills and let your agents pull them and use them in any shadcn/ui project also moved forward with documentation and design improvements to the app itself the library is getting really amazing, so keep an eye on it, i'm just getting started
173
this shadcn and motion component library is getting huge check it out, tons of animated visuals are already available
just pushed new beautiful animated illustrations for your landing pages all with fluid animations bringing the count to over 1220 visual variations → api/rate-limit.tsx → charts/block-stack.tsx → connections/layer-stack.tsx → keyboard/isometric-keys.tsx → tasks/sort-lanes.tsx update your skills and let your agents pull them and use them in any shadcn/ui project also moved forward with documentation and design improvements to the app itself the library is getting really amazing, so keep an eye on it, i'm just getting started
2
1
5
440
just pushed new beautiful animated illustrations for your landing pages all with fluid animations bringing the count to over 1220 visual variations → api/rate-limit.tsx → charts/block-stack.tsx → connections/layer-stack.tsx → keyboard/isometric-keys.tsx → tasks/sort-lanes.tsx update your skills and let your agents pull them and use them in any shadcn/ui project also moved forward with documentation and design improvements to the app itself the library is getting really amazing, so keep an eye on it, i'm just getting started
1
2
6
1,041
isometric keys animated visual showcasing keyboard shortcuts wip, coming soon to codedvisuals shadcn/ui library
4
245
using shadcn/ui without codedvisuals should be a crime i've put together 125 core animated visuals which can be used to create 1,180+ unique variations you can use them to make your landing pages and websites feel expensive with simple prompts → codedvisuals.com drop them into heroes, bentos, and feature sections theme them with your shadcn tokens let your AI agent assemble the whole thing in seconds or just use the MCP server to install what you need i put extra care and love into this project and I'm making it even better every week here's a sneak peek of the latest visuals i've created with many more coming soon
168
colin mcrae rally for pc was the first video game I've ever purchased the funny thing is that my 1998 pc couldn't handle it and crashed on start up most probably due to my graphics card i enjoyed it a few years later when I bought a better pc around 2001 do you remember your first video game purchase?
1
142
haha, so true 😂 it was better to ssh and directly patch the PHP on your servers
Everybody: LET'S UPGRADE OUR SERVERS, PATCH IS OUT!!! Also everybody:
121