Grow your online business faster with AI-powered, handcrafted resources · codedvisuals.com · tailkit.com · by @pixelcave_john

Crafted with love
New project!!! 👀
After about 6 years, I'm finally launching something new and I'm really excited about it. I've been building and selling dashboard templates and component libraries for over 15 years. Some of my products have been actively maintained for over a decade. Supporting them properly kept me heads-down, so new launches took a back seat. That changes today. The problem: you built your marketing page with AI or a custom design, but the product sections still look empty. Simple icons, abstract images, or static illustrations where you present your product are a quick way to end up generic, matching every other site. Standing out is the hard part. Introducing CodedVisuals: animated visual compositions, in code, for your marketing websites and landing pages. Charts, browser mockups, social proof, code blocks, connection diagrams and so many more. The part of a marketing page that's hardest to get right (even with AI) and easiest to get wrong. Each one is a single React component. Install it with the shadcn CLI or copy the source, theme it to your brand in seconds, and animate it on scroll. You own the code, so you can change anything. It even ships with a complete and detailed skill package for your AI agent: tell it the feature sections you want, and it installs and builds the whole thing with the right visuals dropped in and themed to your brand. A next-generation product, made for the AI era. This is just the beginning. The library will keep growing with new visual compositions, supported for years, the way my products always have been. It's live now, and early birds get the founding spots. Link and details in the first reply. A repost today means more than you'd think. Thank you! 🙏
247
pixelcave retweeted
no more boring marketing websites built with shadcn/ui and react with every new animated illustration, you get tons of variations to choose from.. ..and with the included skills, you agents know which one to use in each case out of the box
this shadcn/ui library is getting bigger and better with every update i just added 2 new animated visuals to the geo category - geo/edge-network.tsx A dotted world map where a request hops to the nearest edge node, with latency chips comparing the edge to a distant origin server. - geo/geofence.tsx A softly faded street map with a drawn zone, tracked devices driving its irregular roads, and a toast that pops each time one enters the zone. cooking more this week
1
192
if you are using react and agents, check this out
this shadcn/ui library is getting bigger and better with every update i just added 2 new animated visuals to the geo category - geo/edge-network.tsx A dotted world map where a request hops to the nearest edge node, with latency chips comparing the edge to a distant origin server. - geo/geofence.tsx A softly faded street map with a drawn zone, tracked devices driving its irregular roads, and a toast that pops each time one enters the zone. cooking more this week
49
🔥👨‍💻👩‍💻
are you vibe coding your own beehiiv platform? opus 5.5 + tailkit's MCP server can bring your handcrafted dashboard UI to life in no time ↓ prompt "I'm vibe coding my beehiv (newsletter platform) alternative. Use Tailkit components and build me the main dashboard of such platform by using a-l-various-03 as the main layout. Use purple for primary and zinc for secondary. Don't use contextual colors, focus on simplicity and main ones."
48
many more are coming soon!!
are you using shadcn/ui? this library is the one for any project of yours already 122 animated visuals in and over 1150 ready made variations with many more coming soon get ready!
63
🚀
did you like the pricing toggle effect? → astrobuildkit.com/preview/pr…
61
we are just getting started! 🚀
with buildkit v1.0 I've put together 41 core dynamic blocks from which you can generate hundreds of variations i plan to keep improving the astro design system based on real project requirements, so stay tuned, it's going to be a Swiss knife but for creating static websites ↓
1
86
😊🙌
now available for all your shadcn/ui and react projects ↓ ai/model-picker ai/neural-net ai/thinking
41
🫣😍
this shadcn/ui library is going places more than 60 animated illustrations from codedvisuals are included with buildkit for astro all fully customizable through their available props i've never had more fun building marketing websites with my agents before check it out ↓
63
pixelcave retweeted
are you still vibe coding your marketing websites without a design system? no more because I put together the ultimate package for Astro websites your AI agent already knows i built it because I needed it for myself but I made it available to all → astrobuildkit.com How can it help you? - far less tokens usage, the design is already there - updating and bringing in the latest new features is a skill away - heavily tested foundation to ensure you won't have to fight your agents, so you can focus on making your website the way you want - adding/removing parts of your website with consistency, like a designer you hired would do it - building and delivering websites to your clients with much more confidence knowing you have a well tested foundation this is just the beginning and so much more are coming, so be sure to stay in the loop!
1
1
11
1,212
build by humans for humans and their ai agents
i just added the much needed personal touch made by humans for humans and their ai agents this is the ultimate design system to create static websites with Astro I will keep improving and evolving it for many years to come if you are one of the first people to get access ↓ you rock, thank you so much for your support 🙏
73
🥳🙌
i made it! i launched Buildkit for Astro yesterday 🙌 my 3rd big project after Tailkit and CodedVisuals exactly 6 years after Tailkit v1.0 launched! it's a well thought project i created for me originally and decided to make it available for you as well i run a local web agency and wanted a solid foundation for any client website that i will work on so, I created a design system with Astro framework, Tailwind CSS, shadcn/ui tokens, motion and animated visuals then I put together a carefully crafted AI skills package to let agents create websites using it for you this way you get a well-tested and solid foundation to customize and extend to match your needs it took me many months to finalize the core decisions behind it and using it on building client websites along with the new redesigns for taildrops, taildashboards and pinemix helped me shape the first release this is just the beginning and I plan to keep working on it, adding many designs and features I will need with all the new websites I build with it thank god, i'll never have to rebuild and put together so many stuff with each new client or personal project which requires a static website check it out and let me know what you think ↓
1
50
New project just starting its journey! 🥳 😍 Next generation Astro design system for AI agents and humans ↓
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 → astrobuildkit.com i've been building and selling dashboard templates and component libraries for over 15 years. Today also marks exactly 6 years since I launched Tailkit 1.0, and Buildkit is the biggest project I've shipped since the problem: your agent can write the code, but it guesses the design. Spacing drifts, sections don't match, props get made up, and every page ends up looking generic. Fixing it by hand takes longer than building it Buildkit gives your agent a real design system to build with: 41 core blocks in 17 families, 19 backgrounds, 9 themes plus your own brand theme, dark mode everywhere, and 60 animated visuals from CodedVisuals included each core block turns into many designs through its props, slots, backgrounds, and themes the rules ship as skills, so your agent builds with them instead of guessing. Fill in a brief, run /buildkit-website, and it proposes every page for your approval, then builds it. /buildkit-audit checks it before launch. Works with Claude Code, Codex, Cursor, and more static Astro, fast and accessible by default. You own the code, so you can change anything it keeps growing with lifetime updates through /buildkit-update that keep your changes, supported for years, the way my products always have been it's live now, and the first 150 buyers get early bird pricing a repost today means more than you'd think. thank you so much! 🙏 PS: I ran out of time, so the launch video was made with Claude Opus 5.5. I'll be back soon to walk you through the design system myself, so stay tuned!
1
113
fresh animated illustrations landing every week!
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
66
pixelcave retweeted
me: align the text to the center also me: update the npm deps 🫣
me when I write "git push" to Claude
2
1
3
647
pixelcave retweeted
crafted for excellence
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 - crispy design - carefully designed system - built for ai agents and humans - a subset of codedvisuals library included - themeable with shadcn tokens - astro components with JS code - react and shadcn/ui ready to be used if you want it (by default, only react is used for codedvisuals rendering) so much I want to implement, so i keep postponing it but I have to release 1.0 now and take it from there
1
1
2
203
Almost ready! 🔥
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 - crispy design - carefully designed system - built for ai agents and humans - a subset of codedvisuals library included - themeable with shadcn tokens - astro components with JS code - react and shadcn/ui ready to be used if you want it (by default, only react is used for codedvisuals rendering) so much I want to implement, so i keep postponing it but I have to release 1.0 now and take it from there
73
your ui designer packed inside your agents!
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 "Build me a custom dashboard design for my self hosted customer support inbox. It's not a traditional one since AI agents auto reply to all my customer requests using my trained data and I only have to reply in specific cases. Use Tailkit components for the design using a-l-various-02 for the main app layout. indigo color for the primary and zinc for the secondary. Don't use contextual colors, focus on using the main ones and keep design minimal."
77
introducing codedvisuals by opus 5.5
opus 5.5 is the end game with one prompt it.. → put together a library of animated visuals with over 1,100 variations → cooked a beautiful motion video for the project → made me breakfast ..and all that in under 15 minutes and 37% of session usage happy sunday
106
new visuals landed! 😍
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
74
so easy to enhance any marketing website ↓
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 use the included ai skills, shadcn registry, MCP server or just copy/paste → codedvisuals.com/visuals there are currently 115 components which can generate over 1080 variations.. ..and the best part is that I keep adding new ones every week! do you have any suggestions to improve the project? just let me know ↓
56