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 Postgres 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 Postgres ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

KeenThemes Market

12,692 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 • 3 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,845 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,481 views • 4 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,258 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,891 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 • 1 year ago

Don't just learn how to build AI agents. Instead, learn how to build... ...full-stack AI agents that actually work inside apps. Yet, the main challenge is transitioning them from local setups to user-facing apps. Here are some key factors to consider: - How do you embed a seamless UI? - How do you enable user control when necessary? - How do you unify the agent’s state and actions with the app? CoAgents by CopilotKit🪁 solves this. It is the only framework that offers all the essential Agentic front-end building blocks to set up full-stack agentic apps. And most recently, they have extended full-stack development support to Agents built with CrewAI ✨. This includes both regular Agentic Crews and Flows. Check their GitHub repo it's 100% open-source, I have shared link in the next tweet! With this update, here's what you can do with Agents built using CrewAI: ↳ Chat: Add chat components for interaction. ↳ Human-in-the-loop: Real-time human approvals. ↳ Predictive state updates: Preview upcoming changes. ↳ Agentic UI: Agents generate UI components dynamically. This way, you can give your CrewAI Agents a frontend brain—so they don’t just work behind the scenes, they become an integral part of the user experience. The video below showcases a full-stack CrewAI Agent built in 20 minutes using CoAgents. Impressive, right?

Don't just learn how to build AI agents. Instead, learn how to build... ...full-stack AI agents that actually work inside apps. Yet, the main challenge is transitioning them from local setups to user-facing apps. Here are some key factors to consider: - How do you embed a seamless UI? - How do you enable user control when necessary? - How do you unify the agent’s state and actions with the app? CoAgents by CopilotKit🪁 solves this. It is the only framework that offers all the essential Agentic front-end building blocks to set up full-stack agentic apps. And most recently, they have extended full-stack development support to Agents built with CrewAI ✨. This includes both regular Agentic Crews and Flows. Check their GitHub repo it's 100% open-source, I have shared link in the next tweet! With this update, here's what you can do with Agents built using CrewAI: ↳ Chat: Add chat components for interaction. ↳ Human-in-the-loop: Real-time human approvals. ↳ Predictive state updates: Preview upcoming changes. ↳ Agentic UI: Agents generate UI components dynamically. This way, you can give your CrewAI Agents a frontend brain—so they don’t just work behind the scenes, they become an integral part of the user experience. The video below showcases a full-stack CrewAI Agent built in 20 minutes using CoAgents. Impressive, right?

Akshay 🚀

27,153 views • 1 year 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 • 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,413 views • 11 months 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 🚀

86,515 views • 2 months 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

776,853 views • 7 months 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 • 5 months ago

Claude Code is now scary good at full-stack! I asked it to build a real-time weather intelligence dashboard with an interactive 3D globe and a forecasting layer that predicts weather 3 days ahead. It came back with a spinning globe that has a day/night cycle using NASA satellite imagery, city lights on the dark side, weather icons that switch between sun and moon based on local time, and a time travel slider that scrubs through 10 days of data. Claude Code built the whole thing in a single session, including the backend, database, data pipeline, and frontend. For the database, I needed something fast for time-series workloads since the app ingests hourly weather readings across many cities and serves time-range queries on every slider interaction. I used Tiger Cloud by Tiger Data - Creators of TimescaleDB, which gives you managed TimescaleDB on the Postgres you already know. Claude Code connected to it through the Tiger CLI MCP server and set up the entire backend directly: - Provisioned the database service - Created hypertables for time-partitioned weather storage - Set up continuous aggregates for pre-computed rollups - Built the data ingestion pipeline and the full NextJS + ThreeJS frontend The time travel slider queries thousands of rows on every position change. On a regular Postgres table, this would require manual partitioning and index tuning to stay fast as data grows. TimescaleDB partitions the data by timestamp automatically, so each query only hits the relevant time chunk. Continuous aggregates serve the trend charts and forecast layer from pre-computed rollups instead of rescanning raw data on every request. 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 (I have shared the link in the replies). It gives you $1,000 free credits (no card needed) → 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 Find the sign-up link in the replies.

Claude Code is now scary good at full-stack! I asked it to build a real-time weather intelligence dashboard with an interactive 3D globe and a forecasting layer that predicts weather 3 days ahead. It came back with a spinning globe that has a day/night cycle using NASA satellite imagery, city lights on the dark side, weather icons that switch between sun and moon based on local time, and a time travel slider that scrubs through 10 days of data. Claude Code built the whole thing in a single session, including the backend, database, data pipeline, and frontend. For the database, I needed something fast for time-series workloads since the app ingests hourly weather readings across many cities and serves time-range queries on every slider interaction. I used Tiger Cloud by Tiger Data - Creators of TimescaleDB, which gives you managed TimescaleDB on the Postgres you already know. Claude Code connected to it through the Tiger CLI MCP server and set up the entire backend directly: - Provisioned the database service - Created hypertables for time-partitioned weather storage - Set up continuous aggregates for pre-computed rollups - Built the data ingestion pipeline and the full NextJS + ThreeJS frontend The time travel slider queries thousands of rows on every position change. On a regular Postgres table, this would require manual partitioning and index tuning to stay fast as data grows. TimescaleDB partitions the data by timestamp automatically, so each query only hits the relevant time chunk. Continuous aggregates serve the trend charts and forecast layer from pre-computed rollups instead of rescanning raw data on every request. 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 (I have shared the link in the replies). It gives you $1,000 free credits (no card needed) → 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 Find the sign-up link in the replies.

Avi Chawla

14,579 views • 1 month ago

Most AI app builders can generate a prototype. The real question is: Can they generate something you can actually launch? I recently explored MeDo, an AI-powered full-stack app generation platform that goes beyond just creating a frontend. With a single prompt, it can generate the frontend UI, backend logic, database structure, and plugin integrations. All in one workflow, without requiring coding or deployment experience. What stood out to me is the focus on building real products rather than simple demos. Whether you're creating SaaS tools, internal dashboards, e-commerce applications, games, or business automation tools. the goal is to move from idea → working product as quickly as possible. A few notable features: ✅ Full-stack generation from a single prompt ✅ Plugin ecosystem with integrations like Stripe and AI tools ✅ Auto bug-fixing capabilities ✅ Website cloning from screenshots ✅ Built-in UI enhancement options ✅ Marketplace of ready-made apps you can customize The AI app builder space is becoming increasingly competitive, and platforms are starting to differentiate themselves based on how close they get to a production-ready result rather than just generating code. For builders, founders, and creators exploring no-code AI development, it's an interesting category worth watching. Try it today and launch your next project with just a prompt:

Most AI app builders can generate a prototype. The real question is: Can they generate something you can actually launch? I recently explored MeDo, an AI-powered full-stack app generation platform that goes beyond just creating a frontend. With a single prompt, it can generate the frontend UI, backend logic, database structure, and plugin integrations. All in one workflow, without requiring coding or deployment experience. What stood out to me is the focus on building real products rather than simple demos. Whether you're creating SaaS tools, internal dashboards, e-commerce applications, games, or business automation tools. the goal is to move from idea → working product as quickly as possible. A few notable features: ✅ Full-stack generation from a single prompt ✅ Plugin ecosystem with integrations like Stripe and AI tools ✅ Auto bug-fixing capabilities ✅ Website cloning from screenshots ✅ Built-in UI enhancement options ✅ Marketplace of ready-made apps you can customize The AI app builder space is becoming increasingly competitive, and platforms are starting to differentiate themselves based on how close they get to a production-ready result rather than just generating code. For builders, founders, and creators exploring no-code AI development, it's an interesting category worth watching. Try it today and launch your next project with just a prompt:

Markandey Sharma

49,777 views • 1 month ago

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) • Demo: • Code: If you want to learn more about how it's built, here's more details ↓ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that – MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers — even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA – it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) • Demo: • Code: If you want to learn more about how it's built, here's more details ↓ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that – MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers — even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA – it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:

Lee Robinson

118,242 views • 1 year ago

I felt bored and vibe-coded a neobank in a week. The best part? You don’t even realize it runs entirely on crypto rails under the hood. Main functionalities: - On/off-ramp fiat to stables via BridgeXYZ - Send, receive, and request stablecoin payments on Base - Deploy funds to selected blue-chip DeFi protocols - Get a free Gnosis Pay crypto debit card All of this is powered by account abstraction and non-custodial wallets. Users receive a Privy wallet upon registration and never have to worry about signing transactions or approvals. Transactions are sponsored and batched via EIP-7702, so no separate token approvals are required either. In a nutshell: one-click access to stablecoin transactions sent directly to users via email, plus seamless entry into DeFi. Tech stack: - BridgeXYZ – on/off-ramp fiat to stables - Privy – non-custodial wallets - EIP-7702 – transaction batching and sponsoring - iOS app built with React Native - LIFI API – swapping between USDC and EURC - Resend – email notifications - DeFi protocols: Aave, Morpho, Compound, and YO - Gnosis Pay API – virtual crypto debit cards - NodeJs Backend Inspired by Alliance's request for startups. If you want to check it out, let me know so I can add you to TestFlight.

I felt bored and vibe-coded a neobank in a week. The best part? You don’t even realize it runs entirely on crypto rails under the hood. Main functionalities: - On/off-ramp fiat to stables via BridgeXYZ - Send, receive, and request stablecoin payments on Base - Deploy funds to selected blue-chip DeFi protocols - Get a free Gnosis Pay crypto debit card All of this is powered by account abstraction and non-custodial wallets. Users receive a Privy wallet upon registration and never have to worry about signing transactions or approvals. Transactions are sponsored and batched via EIP-7702, so no separate token approvals are required either. In a nutshell: one-click access to stablecoin transactions sent directly to users via email, plus seamless entry into DeFi. Tech stack: - BridgeXYZ – on/off-ramp fiat to stables - Privy – non-custodial wallets - EIP-7702 – transaction batching and sponsoring - iOS app built with React Native - LIFI API – swapping between USDC and EURC - Resend – email notifications - DeFi protocols: Aave, Morpho, Compound, and YO - Gnosis Pay API – virtual crypto debit cards - NodeJs Backend Inspired by Alliance's request for startups. If you want to check it out, let me know so I can add you to TestFlight.

Stan Trenev

302,813 views • 1 month ago