Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

⚡️ Full-Stack React Starter Template ✨ What’s inside? ⌘ Frontend: Built with React, Vite ⚡, TANSTACK (Router, Query, Table), shadcn, and more ⌘ Backend: Powered by Hono, Drizzle ORM, Neon - Serverless Postgres – 100% type-safe ⌘ Deploy-Ready: Seamless deployment on Vercel 📦 Includes a fully functional Todo app... show more

Bharat Kara

3,656 subscribers

48,852 views • 1 year ago •via X (Twitter)

Education Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

10 Comments

Bharat Kara1 year ago

Project Structure - Monorepo

Christian Esmann2 years ago

I just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday. Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by default.

Guilherme Barros1 year ago

@reactjs @vite_js @tan_stack @shadcn @honojs @DrizzleORM @neondatabase @vercel Why not to use tRPC?

Bharat Kara1 year ago

@reactjs @vite_js @tan_stack @shadcn @honojs @DrizzleORM @neondatabase @vercel Yes, Hono RPC.

Dale1 year ago

@reactjs @vite_js @tan_stack @shadcn @honojs @DrizzleORM @neondatabase @vercel This is very good

Bharat Kara1 year ago

@reactjs @vite_js @tan_stack @shadcn @honojs @DrizzleORM @neondatabase @vercel Thanks Dale!

fictiousxxl1 year ago

@reactjs @vite_js @tan_stack @shadcn @honojs @DrizzleORM @neondatabase @vercel is the filtering server side ??

Bharat Kara1 year ago

@reactjs @vite_js @tan_stack @shadcn @honojs @DrizzleORM @neondatabase @vercel Yes, filter, sorting and infinite paging all on server side.

André Pinto1 year ago

@reactjs @vite_js @tan_stack @shadcn @honojs @DrizzleORM @neondatabase @vercel This is awesome dude 🤘

Bharat Kara1 year ago

@reactjs @vite_js @tan_stack @shadcn @honojs @DrizzleORM @neondatabase @vercel Thanks! I appreciate it!

Related Videos

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

KeenThemes Market

12,695 views • 1 year ago

📣 My newest course is out! 📣 This time we will be building an original SaaS Platform for video calls and summaries with AI Agents 🤖 Are you ready to make 1M ARR 😁? 🤖 Real-time video calls with AI agents 📞 Video and chat powered by Stream 🔐 Authentication handled by Better Auth 💳 Subscription payments via Polar 🧠 AI summaries and context chat using OpenAI ⚙️ Background jobs powered by Inngest 🧑‍💻 Code reviews with CodeRabbit 🗄️ Scalable Postgres database via Neon Postgres 🌐 Built with Next.js 15 and React 19 🎨 Tailwind CSS v4 and shadcn UI for styling 📱 Fully responsive and mobile-friendly 🚀 Ready for production deployment on Vercel

📣 My newest course is out! 📣 This time we will be building an original SaaS Platform for video calls and summaries with AI Agents 🤖 Are you ready to make 1M ARR 😁? 🤖 Real-time video calls with AI agents 📞 Video and chat powered by Stream 🔐 Authentication handled by Better Auth 💳 Subscription payments via Polar 🧠 AI summaries and context chat using OpenAI ⚙️ Background jobs powered by Inngest 🧑‍💻 Code reviews with CodeRabbit 🗄️ Scalable Postgres database via Neon Postgres 🌐 Built with Next.js 15 and React 19 🎨 Tailwind CSS v4 and shadcn UI for styling 📱 Fully responsive and mobile-friendly 🚀 Ready for production deployment on Vercel

Code With Antonio

31,277 views • 1 year ago

Your Google Maps listing gets views… but you don’t own the traffic. Build a full website or app from a single prompt with Autocoder. Autocoder generates frontend, backend, and database instantly — giving you a ready-to-deploy product in minutes. Features: Prompt → Full App → Deployment ☑️ Fully exportable frontend + backend code ☑️ Export complete source code ☑️ Instant custom domain launch ☑️ Templates for cafes, portfolios, e-commerce & local businesses ☑️ Built-in admin dashboard (manage content, users, bookings) 📈 Turn Google Maps traffic into your own website visitors with Autocoder. ⚡ What you get: • Ready-to-use backend + database (no developer needed) • Built-in admin dashboard to manage content, users, and bookings • Scalable workflow for building sites for multiple local businesses • Full source code export for Pro users to modify or extend AutoCoder.cc #Autocoder #AIWeb #NoCodeAI #WebGenerator

Your Google Maps listing gets views… but you don’t own the traffic. Build a full website or app from a single prompt with Autocoder. Autocoder generates frontend, backend, and database instantly — giving you a ready-to-deploy product in minutes. Features: Prompt → Full App → Deployment ☑️ Fully exportable frontend + backend code ☑️ Export complete source code ☑️ Instant custom domain launch ☑️ Templates for cafes, portfolios, e-commerce & local businesses ☑️ Built-in admin dashboard (manage content, users, bookings) 📈 Turn Google Maps traffic into your own website visitors with Autocoder. ⚡ What you get: • Ready-to-use backend + database (no developer needed) • Built-in admin dashboard to manage content, users, and bookings • Scalable workflow for building sites for multiple local businesses • Full source code export for Pro users to modify or extend AutoCoder.cc #Autocoder #AIWeb #NoCodeAI #WebGenerator

Ai With Piyas

20,612 views • 5 months ago

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Riley Brown

117,889 views • 1 year ago

Introducing the Knowledge Agent Template Vercel dropped the Chat SDK so we built a full template on top of it that you can deploy in one click. Here's what's inside: • Add your sources: GitHub repos, YouTube, etc. directly from the UI • File-based agent using grep/find/cat • Powered by Vercel Workflow + Sandbox • Multi-platform: web chat, GitHub bot, Discord bot, and more • Comes with skills to edit your project, add sources, create agents Deploy, add a source, ask questions. Your knowledge base is live and always in sync. This is just scratching the surface. There's way more packed in this template, and I'll be breaking down the features all week. Links in the below 👇

Introducing the Knowledge Agent Template Vercel dropped the Chat SDK so we built a full template on top of it that you can deploy in one click. Here's what's inside: • Add your sources: GitHub repos, YouTube, etc. directly from the UI • File-based agent using grep/find/cat • Powered by Vercel Workflow + Sandbox • Multi-platform: web chat, GitHub bot, Discord bot, and more • Comes with skills to edit your project, add sources, create agents Deploy, add a source, ask questions. Your knowledge base is live and always in sync. This is just scratching the surface. There's way more packed in this template, and I'll be breaking down the features all week. Links in the below 👇

Hugo

54,743 views • 6 months ago

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

CodeHagen

16,295 views • 1 year ago

💥 Introducing Vibe, an AI powered app builder similar to Lovable, Replit and v0. No, this isn't my SaaS announcement, this is a product that you will learn how to build in my newest FREE course! 🚀 🚀 Next.js 15 + React 19 🎨 Tailwind v4 + shadcn UI 📡 tRPC.io 🧙‍♂️ for full-stack type safety 🔁 Inngest background jobs 🧠 Inngest agent toolkit 🔐 authentication 💳 billing 🧱 Component and app generation from AI prompts 🗂️ Live project preview with URL access 🖥️ E2B cloud sandboxes for runtime execution 🐳 Docker -based sandbox templating 🧠 AI model support (OpenAI, Anthropic, Grok) 📦 Prisma + Neon Postgres for database integration 🤖 CodeRabbit AI-powered PR reviews 🧾 Built-in credit system with usage tracking 🧪 Preview + code explorer toggle

💥 Introducing Vibe, an AI powered app builder similar to Lovable, Replit and v0. No, this isn't my SaaS announcement, this is a product that you will learn how to build in my newest FREE course! 🚀 🚀 Next.js 15 + React 19 🎨 Tailwind v4 + shadcn UI 📡 tRPC.io 🧙‍♂️ for full-stack type safety 🔁 Inngest background jobs 🧠 Inngest agent toolkit 🔐 authentication 💳 billing 🧱 Component and app generation from AI prompts 🗂️ Live project preview with URL access 🖥️ E2B cloud sandboxes for runtime execution 🐳 Docker -based sandbox templating 🧠 AI model support (OpenAI, Anthropic, Grok) 📦 Prisma + Neon Postgres for database integration 🤖 CodeRabbit AI-powered PR reviews 🧾 Built-in credit system with usage tracking 🧪 Preview + code explorer toggle

Code With Antonio

92,964 views • 1 year ago

Is this a 3D cinematic website? 🎥 👀 What Makes a Winner? #104 Awwwards Site of the day and its tech stack. 💿 Front-end: - ThreeJS ( - TailwindCSS ( - React - React Router 🧰Utility stack: - Google Font API - Open Graph - HTTP/2 💡 Lighthouse: - Performance 54 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 💡 Lighthouse mobile: - Performance 31 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 🔗 (by Uprising) Today we are looking at a great cinematic-alike website made by Uprising! Feel free to explore this site that showcases ton of a great portfolio items. 👏 👉🏻 Support me and build the MVP or enterprise websites with ready-to-build boilerplate at Please consider like, repost and comment, it will help me to build more content like this. 🙏 #backend #uiux #uiuxdesign #CSS #buildinpublic #HTML #typescript #WordPress #vue #nuxtjs #react #nextjs

Is this a 3D cinematic website? 🎥 👀 What Makes a Winner? #104 Awwwards Site of the day and its tech stack. 💿 Front-end: - ThreeJS ( - TailwindCSS ( - React - React Router 🧰Utility stack: - Google Font API - Open Graph - HTTP/2 💡 Lighthouse: - Performance 54 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 💡 Lighthouse mobile: - Performance 31 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 🔗 (by Uprising) Today we are looking at a great cinematic-alike website made by Uprising! Feel free to explore this site that showcases ton of a great portfolio items. 👏 👉🏻 Support me and build the MVP or enterprise websites with ready-to-build boilerplate at Please consider like, repost and comment, it will help me to build more content like this. 🙏 #backend #uiux #uiuxdesign #CSS #buildinpublic #HTML #typescript #WordPress #vue #nuxtjs #react #nextjs

Matthew Husák

20,958 views • 2 years ago

Ever wanted to quickly turn a PDF into clean text to paste into your favorite AI agent, without having use CLIs or open the browser? We built exactly that. Using Tauria Penny ps, with a Rust backend powered by LiteParse and a React frontend, we created a cross-platform desktop app that lets you: • Drag and drop PDFs • Convert them into clean Markdown • Preview page screenshots with extracted bounding boxes overlaid for easy inspection It's a simple way to understand your document's structure and verify the parsing results before handing them off to an LLM. Check out the demo below! 👇 GitHub: Get started with LiteParse:

Ever wanted to quickly turn a PDF into clean text to paste into your favorite AI agent, without having use CLIs or open the browser? We built exactly that. Using Tauria Penny ps, with a Rust backend powered by LiteParse and a React frontend, we created a cross-platform desktop app that lets you: • Drag and drop PDFs • Convert them into clean Markdown • Preview page screenshots with extracted bounding boxes overlaid for easy inspection It's a simple way to understand your document's structure and verify the parsing results before handing them off to an LLM. Check out the demo below! 👇 GitHub: Get started with LiteParse:

LlamaIndex 🦙

21,173 views • 1 month ago

🚨Architects are going to hate this. Someone just open sourced a full 3D building editor that runs entirely in your browser. No AutoCAD. No Revit. No $5,000/year licenses. It's called Pascal Editor. Built with React Three Fiber and WebGPU -- meaning it renders directly on your GPU at near-native speed. Here's what's inside this thing: → A full building/level/wall/zone hierarchy you can edit in real time → An ECS-style architecture where every object updates through GPU-powered systems → Zustand state management with full undo/redo built in → Next.js frontend so it deploys as a web app, not a desktop install → Dirty node tracking -- only re-renders what changed, not the whole scene Here's the wildest part: You can stack, explode, or solo individual building levels. Select a zone, drag a wall, reshape a slab -- all in 3D, all in the browser. Architecture firms pay $50K+ per seat for BIM software that does this workflow. This is free. 100% Open Source.

🚨Architects are going to hate this. Someone just open sourced a full 3D building editor that runs entirely in your browser. No AutoCAD. No Revit. No $5,000/year licenses. It's called Pascal Editor. Built with React Three Fiber and WebGPU -- meaning it renders directly on your GPU at near-native speed. Here's what's inside this thing: → A full building/level/wall/zone hierarchy you can edit in real time → An ECS-style architecture where every object updates through GPU-powered systems → Zustand state management with full undo/redo built in → Next.js frontend so it deploys as a web app, not a desktop install → Dirty node tracking -- only re-renders what changed, not the whole scene Here's the wildest part: You can stack, explode, or solo individual building levels. Select a zone, drag a wall, reshape a slab -- all in 3D, all in the browser. Architecture firms pay $50K+ per seat for BIM software that does this workflow. This is free. 100% Open Source.

Guri Singh

2,967,409 views • 5 months ago

10 GitHub repos with 560k+ ⭐ combined stars that could save vibe coders $15,000+/year in SaaS bills 1. shadcn/ui ⭐121k - copy-paste components, not a package. What every AI-generated frontend is actually built on now. 2. supabase ⭐108k - Firebase alternative that's actually free to start. Auth, DB, storage in one Claude Code prompt. 3.open-design ⭐84.5k - open-source Claude Design alternative. Your coding agent becomes the design engine. 4. awesome-ai-agents ⭐29k - every agent framework and no-code builder in one list, ranked by what people actually ship. 5. awesome-generative-ai-apps ⭐3k - 50+ open-source AI apps you can clone, deploy, and monetize instead of paying $30-50/mo for the SaaS version. 6. medusa ⭐35k - full ecommerce backend, open source. Skip Shopify Plus fees entirely on your next vibe-coded store. 7. appwrite ⭐57k - complete backend-as-a-service, self-hosted. Auth, DB, functions, storage, one prompt away from Firebase money. 8. chatwoot ⭐35k - customer support platform, self-hosted. Replaces Intercom/Zendesk seats running $100+/agent/month. 9. nocodb ⭐64k - turns any database into an Airtable-style interface. 10. activepieces ⭐23k - open-source Zapier alternative built for AI workflows. Automate without the per-task pricing. Save this before you pay for another tool this repo already replaces for free 👇

10 GitHub repos with 560k+ ⭐ combined stars that could save vibe coders $15,000+/year in SaaS bills 1. shadcn/ui ⭐121k - copy-paste components, not a package. What every AI-generated frontend is actually built on now. 2. supabase ⭐108k - Firebase alternative that's actually free to start. Auth, DB, storage in one Claude Code prompt. 3.open-design ⭐84.5k - open-source Claude Design alternative. Your coding agent becomes the design engine. 4. awesome-ai-agents ⭐29k - every agent framework and no-code builder in one list, ranked by what people actually ship. 5. awesome-generative-ai-apps ⭐3k - 50+ open-source AI apps you can clone, deploy, and monetize instead of paying $30-50/mo for the SaaS version. 6. medusa ⭐35k - full ecommerce backend, open source. Skip Shopify Plus fees entirely on your next vibe-coded store. 7. appwrite ⭐57k - complete backend-as-a-service, self-hosted. Auth, DB, functions, storage, one prompt away from Firebase money. 8. chatwoot ⭐35k - customer support platform, self-hosted. Replaces Intercom/Zendesk seats running $100+/agent/month. 9. nocodb ⭐64k - turns any database into an Airtable-style interface. 10. activepieces ⭐23k - open-source Zapier alternative built for AI workflows. Automate without the per-task pricing. Save this before you pay for another tool this repo already replaces for free 👇

unicode

47,548 views • 25 days ago

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!

Akshay 🚀

87,048 views • 3 months ago

Introducing FlowMaker 🌊🤖 A fully open-source, low-code way of building custom agent workflows. Build agents via a drag and drop interface, run it directly in the app, and also directly export it into a deeply custom workflow backed by LlamaIndex 🦙.TS. It’s a fantastic visual tool to help you get started with agents but also gives you full customizability to build the deepest, most advanced workflows, since everything is backed by code. There’s a lot of great low-code agent tools already, but this is a fully-open source template that you can use or clone/customize for your own needs. It was a fun project by Laurie Voss and is intended to give users an easy-on ramp onto our powerful agent orchestration tooling. Also integrates with LlamaCloud in case you want to integrate your own knowledge base into your agent. FlowMaker app: FlowMaker Repo: LlamaCloud:

Introducing FlowMaker 🌊🤖 A fully open-source, low-code way of building custom agent workflows. Build agents via a drag and drop interface, run it directly in the app, and also directly export it into a deeply custom workflow backed by LlamaIndex 🦙.TS. It’s a fantastic visual tool to help you get started with agents but also gives you full customizability to build the deepest, most advanced workflows, since everything is backed by code. There’s a lot of great low-code agent tools already, but this is a fully-open source template that you can use or clone/customize for your own needs. It was a fun project by Laurie Voss and is intended to give users an easy-on ramp onto our powerful agent orchestration tooling. Also integrates with LlamaCloud in case you want to integrate your own knowledge base into your agent. FlowMaker app: FlowMaker Repo: LlamaCloud:

Jerry Liu

20,434 views • 1 year ago

🎉 Tailkit 4.0 is here, and I couldn't be more excited! 🙌🥳 But first - Giveaway Alert! Want to get a free Tailkit Developer license? Just drop a reply and give a like or repost (totally optional, but super appreciated). The lucky winner will be announced next Tuesday (October 8th) – good luck! Can you believe it’s already been 4 years since Tailkit’s journey started? ❤️ It feels like just yesterday I launched Tailkit 1.0 as an offline standalone web app back on October 1st, 2020. I'm really attached to this project because it was launched just a few days before I became a dad 👶😍 Fast forward to today, and Tailkit has grown into a fully customizable, feature-packed online app that gives you access to: - 550+ Tailwind CSS components (fully responsive + dark mode support) - 1,750+ Code snippets for HTML, React, Vue.js, and Alpine.js - 7 Marketing & Application Templates for HTML, React, Vue.js, and Laravel (fully responsive + dark mode support) - 10 Starter Kits for HTML, HTML with Vite, React, Vue.js, Laravel, Next.js, Nuxt, Astro, Svelte and Angular - 30 Days of Unlimited Design Service with every new Team license - Exclusive deals on third-party tools and projects - Handy helper tools like Button Builder, Color Palette, and Icon Finder - 3,700+ SVG Icons from Bootstrap and Heroicons - Free lifetime updates - Email support whenever you need it And the 4.0 update is packed with even more awesome features and upgrades: - 6 new UI components (Notifications) were added in Application UI package - 20 new UI components (Image/Content Sliders++) were added in Marketing package - React version (uses Vite) is introduced for all Templates - React code snippets were improved in all packages - Astro Starter Kit was added - Remove Dark Classes (from code snippets) option was added in App - Universal Dark Mode (preview pane can default to global dark mode) option was added in App - New preview colors (fuchsia, gray) were added in App - Heroicons v2 icons were updated to v2.1.5 adding 28+ brand new icons in App - 3 new exclusive deals are now available - UI design improvements in App - Various improvements and fixes in App - All dependencies were updated in Starter Kits - All dependencies were updated in Templates - Marketing website redesigned - Color Palette tool was made available to all I’ve put over 200 hours into this update alone, and I’m beyond excited to finally share it with you. Your continued support has made this journey possible, and I’m so grateful to have you along for the ride. 🙏 Wishing you an amazing day – remember, YOU ARE AWESOME! Go build something incredible! 🚀

John Champ

10,940 views • 1 year ago

Introducing Anything Max: Vibe Coding that's leaps above Lovable and Bolt We've raised money at a $100M valuation and built what we believe is the future of vibe coding. We asked 100 vibe coders to build their apps side by side on Lovable, Bolt, and Anything Max and they rated Anything Max the winner across all 3 categories - accuracy, design, and 'overall'. Here's why: • Full-stack control: Max can test backend hooks, branch database states, and debug issues, because Anything owns the full infrastructure. • Max can load up your app in its own browser and click on all buttons like a human tester to find all edge case bugs, then trace the bug across the stack - could be a frontend, backend, or a database issue (only we can do this, read #1) and autonomously fix it with 97% accuracy. Lovable and Bolt build prototypes, but Max users are building production-ready apps and already charging money for them. Blake built a gut biome app to $10K run rate Anthony built a referral tool to $20k in revenue Yuri built a suite of apps doing $40K Build your app with Max: -------------------------------------------- We're hosting a $100K Hackathon to help people grow their app to $10K MRR. - We'll teach you everything we know about growing to 1M users. - You'll have 30 days to build a real product in public and get paying customers for it. If you do it well, you can start the New Year with a functioning business. Retweet and comment “LFG”, and we’ll send you a $100 discount code and the link to participate

Introducing Anything Max: Vibe Coding that's leaps above Lovable and Bolt We've raised money at a $100M valuation and built what we believe is the future of vibe coding. We asked 100 vibe coders to build their apps side by side on Lovable, Bolt, and Anything Max and they rated Anything Max the winner across all 3 categories - accuracy, design, and 'overall'. Here's why: • Full-stack control: Max can test backend hooks, branch database states, and debug issues, because Anything owns the full infrastructure. • Max can load up your app in its own browser and click on all buttons like a human tester to find all edge case bugs, then trace the bug across the stack - could be a frontend, backend, or a database issue (only we can do this, read #1) and autonomously fix it with 97% accuracy. Lovable and Bolt build prototypes, but Max users are building production-ready apps and already charging money for them. Blake built a gut biome app to $10K run rate Anthony built a referral tool to $20k in revenue Yuri built a suite of apps doing $40K Build your app with Max: -------------------------------------------- We're hosting a $100K Hackathon to help people grow their app to $10K MRR. - We'll teach you everything we know about growing to 1M users. - You'll have 30 days to build a real product in public and get paying customers for it. If you do it well, you can start the New Year with a functioning business. Retweet and comment “LFG”, and we’ll send you a $100 discount code and the link to participate

Anything

778,626 views • 9 months ago

How Cloudflare cut query times by 35x without leaving Postgres: Their Postgres tables hit billions of rows, and every time-range query started getting slower. Plain Postgres scans the entire table on every query, regardless of the time window. They tried the manual route by building precomputed aggregates with cron jobs and evaluating ClickHouse, which needed a full ingestion pipeline just to handle their write pattern. Here's where most teams get stuck at exactly this point. They utilize manual partitioning, splitting data into child tables by day or month. Then they wire up cron jobs to refresh aggregate tables. Every schema change after that requires updating the cron logic and coordinating across teams. The infrastructure becomes the project. Tiger Cloud is managed TimescaleDB by Tiger Data - Creators of TimescaleDB on the Postgres you already know, with automatic time-based partitioning, continuous aggregates, and compression built in from the start. Cloudflare moved to TimescaleDB after exhausting the manual route and saw 5-35x query performance improvement on the same data. Here is how it works: → Hypertables partition data by timestamp automatically. Every time-range query hits only the relevant chunk, not the full table. → Continuous aggregates refresh incrementally in the background, with no cron jobs to maintain. To show what this looks like in practice, I built a real-time earthquake intelligence dashboard on a 3D globe using Claude Code and Tiger Cloud in a single session. The USGS earthquake catalog has 400,000+ events since 1900, each a timestamped row. The dashboard plots them as ripple animations sized by magnitude and colored by depth, with a time slider that scrubs through 120 years of seismic history. Every slider position fires a live query against the hypertable, and the side panel pulls from continuous aggregates. Claude Code connected to Tiger Cloud through the Tiger CLI MCP server, provisioned the database, pulled the USGS catalog, and assembled the full Next.js and Three.js frontend without leaving the session. The video below shows the final build in action, and I worked with the Tiger Data team to put this together. Tiger CLI is open-source (Apache 2.0) and works with Claude Code, Cursor, Codex, Gemini CLI, and VS Code. To try this yourself: → Sign up for Tiger Cloud here: New accounts get $1,000 in free credits, no credit card required. → Install Tiger CLI: curl -fsSL https(:)//cli(.)tigerdata(.)com | sh → Run tiger mcp install claude-code → Give Claude Code a prompt and let it build. I also wrote a full walkthrough on how you can turn any coding agent into a production-grade data engineer that can manage over a billion-row Postgres workloads. It covers everything from the database setup to the final build. Read it below.

How Cloudflare cut query times by 35x without leaving Postgres: Their Postgres tables hit billions of rows, and every time-range query started getting slower. Plain Postgres scans the entire table on every query, regardless of the time window. They tried the manual route by building precomputed aggregates with cron jobs and evaluating ClickHouse, which needed a full ingestion pipeline just to handle their write pattern. Here's where most teams get stuck at exactly this point. They utilize manual partitioning, splitting data into child tables by day or month. Then they wire up cron jobs to refresh aggregate tables. Every schema change after that requires updating the cron logic and coordinating across teams. The infrastructure becomes the project. Tiger Cloud is managed TimescaleDB by Tiger Data - Creators of TimescaleDB on the Postgres you already know, with automatic time-based partitioning, continuous aggregates, and compression built in from the start. Cloudflare moved to TimescaleDB after exhausting the manual route and saw 5-35x query performance improvement on the same data. Here is how it works: → Hypertables partition data by timestamp automatically. Every time-range query hits only the relevant chunk, not the full table. → Continuous aggregates refresh incrementally in the background, with no cron jobs to maintain. To show what this looks like in practice, I built a real-time earthquake intelligence dashboard on a 3D globe using Claude Code and Tiger Cloud in a single session. The USGS earthquake catalog has 400,000+ events since 1900, each a timestamped row. The dashboard plots them as ripple animations sized by magnitude and colored by depth, with a time slider that scrubs through 120 years of seismic history. Every slider position fires a live query against the hypertable, and the side panel pulls from continuous aggregates. Claude Code connected to Tiger Cloud through the Tiger CLI MCP server, provisioned the database, pulled the USGS catalog, and assembled the full Next.js and Three.js frontend without leaving the session. The video below shows the final build in action, and I worked with the Tiger Data team to put this together. Tiger CLI is open-source (Apache 2.0) and works with Claude Code, Cursor, Codex, Gemini CLI, and VS Code. To try this yourself: → Sign up for Tiger Cloud here: New accounts get $1,000 in free credits, no credit card required. → Install Tiger CLI: curl -fsSL https(:)//cli(.)tigerdata(.)com | sh → Run tiger mcp install claude-code → Give Claude Code a prompt and let it build. I also wrote a full walkthrough on how you can turn any coding agent into a production-grade data engineer that can manage over a billion-row Postgres workloads. It covers everything from the database setup to the final build. Read it below.

Avi Chawla

22,094 views • 16 days ago

IT'S ALMOST READY! More previews of the upcoming challenge platform. Here are the details and how you can participate: What it is: A 30 day "take at your own pace" 100% free course to help you learn modern UI/UX in 2026. There will be around 15 unique projects, each will have free training/a free video around the concept, and the ability to submit your work based on a challenge. Other members can review/comment/rate, and I can also do the same, except I can add video feedback as well. When is it: Hoping within 2 weeks it will be ready, announced here on YouTube, X, LinkedIn, etc.. I will be uploading very frequently here on YouTube with all of the tutorial videos, but I encourage everyone to actually participate by creating a free account at DesignCourse and participating in the challenges there, in order to get the full experience. STAY TUNED / FOLLOW ME for the announcement when it releases.

IT'S ALMOST READY! More previews of the upcoming challenge platform. Here are the details and how you can participate: What it is: A 30 day "take at your own pace" 100% free course to help you learn modern UI/UX in 2026. There will be around 15 unique projects, each will have free training/a free video around the concept, and the ability to submit your work based on a challenge. Other members can review/comment/rate, and I can also do the same, except I can add video feedback as well. When is it: Hoping within 2 weeks it will be ready, announced here on YouTube, X, LinkedIn, etc.. I will be uploading very frequently here on YouTube with all of the tutorial videos, but I encourage everyone to actually participate by creating a free account at DesignCourse and participating in the challenges there, in order to get the full experience. STAY TUNED / FOLLOW ME for the announcement when it releases.

Gary Simon

14,069 views • 7 months ago

🚀 GeoLibre just passed 5,000 stars on GitHub, in only two months! GeoLibre went public on May 27, and the community has already pushed it past 5,100 stars and 500+ forks. Thank you to everyone who starred, forked, filed issues, opened pull requests, and shared the project. For those just discovering it: GeoLibre is a free and open-source, lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data. It runs everywhere you do, in the web browser, on the desktop, on mobile, and inside Jupyter notebooks, all while keeping your data local and private. Key features of GeoLibre: - Runs anywhere: the same app ships as a native desktop app, a browser web app, a native Android app, and a Jupyter widget. - Local and private by default: load and analyze GeoJSON, GeoParquet, GeoPackage, Shapefile, COG, LiDAR, 3D Tiles, and more, right in the browser. - Powered by open source: built on MapLibre GL JS, DuckDB-WASM Spatial, Tauri, React, and TypeScript. - Spatial SQL in the browser: query your data with DuckDB Spatial, PostGIS via PGlite, and Apache Sedona. - Extensible: a growing plugin system for cloud data, federal web services, and custom tools. - Supports 12 planetary basemaps: Earth, Mars, the Moon, Mercury, Venus, and more. Two months in, we have already shipped 25 releases, the latest being v2.4.0. There is a lot more to come, and the best way to shape it is to jump in. Try it out - Launch GeoLibre Web: - GitHub: - Documentation: - Release notes: If GeoLibre is useful to you, a star on GitHub and a share here go a long way. Thank you for an incredible first two months. #geospatial #opensource #MapLibre #GeoLibre

🚀 GeoLibre just passed 5,000 stars on GitHub, in only two months! GeoLibre went public on May 27, and the community has already pushed it past 5,100 stars and 500+ forks. Thank you to everyone who starred, forked, filed issues, opened pull requests, and shared the project. For those just discovering it: GeoLibre is a free and open-source, lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data. It runs everywhere you do, in the web browser, on the desktop, on mobile, and inside Jupyter notebooks, all while keeping your data local and private. Key features of GeoLibre: - Runs anywhere: the same app ships as a native desktop app, a browser web app, a native Android app, and a Jupyter widget. - Local and private by default: load and analyze GeoJSON, GeoParquet, GeoPackage, Shapefile, COG, LiDAR, 3D Tiles, and more, right in the browser. - Powered by open source: built on MapLibre GL JS, DuckDB-WASM Spatial, Tauri, React, and TypeScript. - Spatial SQL in the browser: query your data with DuckDB Spatial, PostGIS via PGlite, and Apache Sedona. - Extensible: a growing plugin system for cloud data, federal web services, and custom tools. - Supports 12 planetary basemaps: Earth, Mars, the Moon, Mercury, Venus, and more. Two months in, we have already shipped 25 releases, the latest being v2.4.0. There is a lot more to come, and the best way to shape it is to jump in. Try it out - Launch GeoLibre Web: - GitHub: - Documentation: - Release notes: If GeoLibre is useful to you, a star on GitHub and a share here go a long way. Thank you for an incredible first two months. #geospatial #opensource #MapLibre #GeoLibre

Qiusheng Wu

94,422 views • 1 month ago