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.

Free and open-source frontend dashboard template powered by: ◆ shadcn ui (install components via CLI) ◆ Next.js SPA (so BYO router) ◆ 📋 React Hook Form validation Inspired by dashboards from: Vercel · @tinybirdco · Axiom · Checkly → A tour guide

Maximilian Kaske 🏓

3,150 subscribers

35,666 views • 1 year ago •via X (Twitter)

Science & Technology Gaming Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

🚀 Introducing A collection of top quality free & open-source dashboard components, blocks and layouts built with shadcn/ui & Base UI ✅ Open-source dashboard components & blocks ✅ Beautiful admin dashboard template ✅ Copy & paste with shadcn/ui ✅ Pre-Built AI Prompts ✅ MCP Server ✅ Production-ready code Huge thanks to shadcn for creating such an amazing ecosystem ❤️ 🔗 Would love your feedback.

🚀 Introducing A collection of top quality free & open-source dashboard components, blocks and layouts built with shadcn/ui & Base UI ✅ Open-source dashboard components & blocks ✅ Beautiful admin dashboard template ✅ Copy & paste with shadcn/ui ✅ Pre-Built AI Prompts ✅ MCP Server ✅ Production-ready code Huge thanks to shadcn for creating such an amazing ecosystem ❤️ 🔗 Would love your feedback.

Sunil Joshi

68,092 views • 1 month ago

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨

Pablo

95,721 views • 6 months ago

🚀 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

Introducing Plate: the modern rich-text editor for React. ◆ Core: Plugin system. ◆ Plugins: 50+ Headless, unstyled packages. ◆ Primitives: State and behavior hooks. ◆ Components: Radix by WorkOS + shadcn ui. Free. Open Source. Responsive. Dark Mode.

Introducing Plate: the modern rich-text editor for React. ◆ Core: Plugin system. ◆ Plugins: 50+ Headless, unstyled packages. ◆ Primitives: State and behavior hooks. ◆ Components: Radix by WorkOS + shadcn ui. Free. Open Source. Responsive. Dark Mode.

zbeyens

208,847 views • 3 years ago

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

CodeHagen

241,680 views • 1 year ago

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

Abraham John 🦄🦓

26,631 views • 1 month ago

I had a day to procrastinate over the holidays, so I made an open source research-oriented portfolio website template in Next.js and React- where you can update everything just by editing TypeScript objects and looks good on mobile

I had a day to procrastinate over the holidays, so I made an open source research-oriented portfolio website template in Next.js and React- where you can update everything just by editing TypeScript objects and looks good on mobile

Towaki Takikawa / 瀧川永遠希

86,928 views • 1 year ago

Today we're excited to launch `create-llama` - a single CLI command that allows you to scaffold a full stack LLM app over your data, powered by LlamaIndex 🦙 🔥 It’s the equivalent of `create-react-app` for AI engineers. Choose from 3 different backends: ✅ FastAPI (w/ LlamaIndex 🦙 Python) ✅ ExpressJS (w/ LlamaIndex 🦙 TS) ✅ Next.js (w/ LlamaIndex 🦙 TS) The frontend is a Next.js template using initial chat components from the Vercel AI SDK - with full streaming support, + shadcn UI or vanilla HTML/CSS for styling. This is a full-stack starting point, from which you can customize any component to build the LLM app of your liking, whether it’s simple extensions (change data source) or complete revamps (upgraded chat UX)! Next steps 🔮: - We’re going to be coming out with more examples in the next few weeks showing what you can build. - We’re going to be upgrading `create-llama` with a variety of different templates Check out the video (also attached) to see how it works 🎥: Repo directory: Full blog post detailing the usage here:

Today we're excited to launch `create-llama` - a single CLI command that allows you to scaffold a full stack LLM app over your data, powered by LlamaIndex 🦙 🔥 It’s the equivalent of `create-react-app` for AI engineers. Choose from 3 different backends: ✅ FastAPI (w/ LlamaIndex 🦙 Python) ✅ ExpressJS (w/ LlamaIndex 🦙 TS) ✅ Next.js (w/ LlamaIndex 🦙 TS) The frontend is a Next.js template using initial chat components from the Vercel AI SDK - with full streaming support, + shadcn UI or vanilla HTML/CSS for styling. This is a full-stack starting point, from which you can customize any component to build the LLM app of your liking, whether it’s simple extensions (change data source) or complete revamps (upgraded chat UX)! Next steps 🔮: - We’re going to be coming out with more examples in the next few weeks showing what you can build. - We’re going to be upgrading `create-llama` with a variety of different templates Check out the video (also attached) to see how it works 🎥: Repo directory: Full blog post detailing the usage here:

Jerry Liu

259,026 views • 2 years ago

Copy my dashboard - If you want ✨ Done with the dashboard for Propdock - Been using Cursor + v0 for almost the whole project. All components are from shadcn 🐐 ◆ Examples on how to use server actions ✨ ◆ Charts and stuff 📈 ◆ Feel free to copy it if you want 🔥 The project is Open-source so take what you want. Rest of the weekend im going to write issues for the community 🪄 Tech Stack: Vercel NextAuth.js Prisma Postgres shadcn Neon - Serverless Postgres Resend Tailwind CSS v0 #opensource #buildinpublic #proptech

Copy my dashboard - If you want ✨ Done with the dashboard for Propdock - Been using Cursor + v0 for almost the whole project. All components are from shadcn 🐐 ◆ Examples on how to use server actions ✨ ◆ Charts and stuff 📈 ◆ Feel free to copy it if you want 🔥 The project is Open-source so take what you want. Rest of the weekend im going to write issues for the community 🪄 Tech Stack: Vercel NextAuth.js Prisma Postgres shadcn Neon - Serverless Postgres Resend Tailwind CSS v0 #opensource #buildinpublic #proptech

CodeHagen

60,355 views • 2 years 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

Today ReUI Pro goes live! 🔥 Design-forward shadcn/ui platform with MCP fluency for agents. AI made UI generation instant. It didn't make it production-ready. You still spend hours picking blocks, adjusting details, and fine-tuning the last mile. We spent six months building the agent-ready layer for shadcn/ui that closes the gap. Inside: ☑️ Free Hosted MCP with Agent Skills. ☑️ 1,019 open-source shadcn/ui components, free forever. ☑️ 17 open-source ReUI primitives(Data Grid, Filters,File Upload, Stepper and more). ☑️ 485 Pro blocks across over 50 categories. ☑️ 562 hand-crafted interactive icons in 4 styles. ☑️ Default Base UI and legacy Radix by WorkOS versions. Real credit to shadcn for the ecosystem! The registry model changed how we all build and ship UI, and ReUI stands on that foundation. Below is a thread on the 10 things we're most proud of👇

Today ReUI Pro goes live! 🔥 Design-forward shadcn/ui platform with MCP fluency for agents. AI made UI generation instant. It didn't make it production-ready. You still spend hours picking blocks, adjusting details, and fine-tuning the last mile. We spent six months building the agent-ready layer for shadcn/ui that closes the gap. Inside: ☑️ Free Hosted MCP with Agent Skills. ☑️ 1,019 open-source shadcn/ui components, free forever. ☑️ 17 open-source ReUI primitives(Data Grid, Filters,File Upload, Stepper and more). ☑️ 485 Pro blocks across over 50 categories. ☑️ 562 hand-crafted interactive icons in 4 styles. ☑️ Default Base UI and legacy Radix by WorkOS versions. Real credit to shadcn for the ecosystem! The registry model changed how we all build and ship UI, and ReUI stands on that foundation. Below is a thread on the 10 things we're most proud of👇

ReUI

50,965 views • 2 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 🚀

87,048 views • 4 months ago

Announcing self.so 2.0 – now with editing & improved parsing! Create a personal site from your resume/linkedIn in 15 seconds. Edit your site, links, and photo, then publish. 100% free and open source. Powered by Together AI.

Announcing self.so 2.0 – now with editing & improved parsing! Create a personal site from your resume/linkedIn in 15 seconds. Edit your site, links, and photo, then publish. 100% free and open source. Powered by Together AI.

Hassan

23,552 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,769 views • 6 months ago

I'm building a localhost AI app builder, inspired by tools like Lovable / Bolt / v0. Works with your own coding agents: ✅ Claude Code CLI ✅ Codex CLI ✅ GitHub Copilot (Chat extension + CLI) ✅ Cursor CLI So no new subscription is required. It also works with your app framework: ✅ Next.js ✅ React (Vite) ✅ Vue ✅ Svelte ✅ Angular ✅ TanStack Start ✅ Other frameworks (.NET, Ruby, etc.) You can create & open apps from a GUI, chat with your coding agent directly in the browser, view diffs, and more. It's live today as a VS Code extension called 'Wuunu'. Let me know what you think. :) Wuunu is completely independent, it's not affiliated with or endorsed by Lovable, Bolt, or v0.

I'm building a localhost AI app builder, inspired by tools like Lovable / Bolt / v0. Works with your own coding agents: ✅ Claude Code CLI ✅ Codex CLI ✅ GitHub Copilot (Chat extension + CLI) ✅ Cursor CLI So no new subscription is required. It also works with your app framework: ✅ Next.js ✅ React (Vite) ✅ Vue ✅ Svelte ✅ Angular ✅ TanStack Start ✅ Other frameworks (.NET, Ruby, etc.) You can create & open apps from a GUI, chat with your coding agent directly in the browser, view diffs, and more. It's live today as a VS Code extension called 'Wuunu'. Let me know what you think. :) Wuunu is completely independent, it's not affiliated with or endorsed by Lovable, Bolt, or v0.

Wesley

37,104 views • 9 months ago

my SEO agency makes an extra $1.5k every month by using this n8n automation... my workflow builds a multi-source analytics dashboard that: - pulls data from Google Search Console, Ahrefs and SEMrush - auto-generates branded client reports - delivers trends insights via Slack weekly I wrote a step-by-step guide on how you can build this for yourself reply "SEO" + follow me and I'll send it you for free

my SEO agency makes an extra $1.5k every month by using this n8n automation... my workflow builds a multi-source analytics dashboard that: - pulls data from Google Search Console, Ahrefs and SEMrush - auto-generates branded client reports - delivers trends insights via Slack weekly I wrote a step-by-step guide on how you can build this for yourself reply "SEO" + follow me and I'll send it you for free

Machina

56,851 views • 1 year ago

HERMES AGENT JUST SHIPPED A PROFILE BUILDER IN THE DASHBOARD. build a complete agent in one guided flow. no CLI. no config editing. no guesswork. Nous Research open Profiles from the sidebar. click Build (next to quick Create). follow the 5-step wizard: Identity → Model → Skills → MCPs → Review IDENTITY → name, description, SOUL.md → this becomes slot #1 in the system prompt MODEL → pick provider and model for this agent → same 150+ config fields available in the dashboard SKILLS → toggle built-in and optional skills → search the Skills Hub across all sources → install with live progress log → update all installed skills in one click MCPs → add HTTP/SSE servers by URL → add stdio servers by command + args + env vars → browse the Nous-approved MCP catalog → one-click install from catalog → test any server before committing (connect → list tools → verify → disconnect) REVIEW → full summary of the new agent → confirm and deploy one wizard replaces: hermes profile create, manual SOUL.md edit, config.yaml changes, skills install one by one, MCP setup via CLI. hermes dashboard → Profiles → Build 8 loops inside Hermes Agent 👇

YanXbt

13,563 views • 3 months ago

Vercel AI Gateway now supports video generation. Grok Imagine Video & Image are 🆓 until tomorrow. We used v0 to create an open source Creative Studio powered by xAI Grok. Create images, videos, or make your own design tool! – it's quite fast. Some cool technical tidbits: ▪️ Vercel Workflows for reliable generation Video generation can take long. Users might restart their browsers or their wifi / LTE might drop. We smooth over that automatically. ▪️ Instant vector search Try searching the public generations. Now back to me. We used Mixedbread to index the content visually, so you can search 𝚋𝚕𝚊𝚌𝚔 𝚏𝚎𝚕𝚒𝚗𝚎 and get a cat (try it!) ▪️ Vercel AI Gateway All existing and future Grok models are accessible via our gateway without extra setup. When you deploy to Vercel, you get access to hundreds of models with a single account and unified billing It's obviously built with Next.js (RSC). Open it in v0 to make it your own! h/t Esteban Suárez for shipping this.

Vercel AI Gateway now supports video generation. Grok Imagine Video & Image are 🆓 until tomorrow. We used v0 to create an open source Creative Studio powered by xAI Grok. Create images, videos, or make your own design tool! – it's quite fast. Some cool technical tidbits: ▪️ Vercel Workflows for reliable generation Video generation can take long. Users might restart their browsers or their wifi / LTE might drop. We smooth over that automatically. ▪️ Instant vector search Try searching the public generations. Now back to me. We used Mixedbread to index the content visually, so you can search 𝚋𝚕𝚊𝚌𝚔 𝚏𝚎𝚕𝚒𝚗𝚎 and get a cat (try it!) ▪️ Vercel AI Gateway All existing and future Grok models are accessible via our gateway without extra setup. When you deploy to Vercel, you get access to hundreds of models with a single account and unified billing It's obviously built with Next.js (RSC). Open it in v0 to make it your own! h/t Esteban Suárez for shipping this.

Guillermo Rauch

15,875,350 views • 6 months ago