正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

At this point, frontend people should just leave. v0 can create better & modern GitHub UI using shadcn components. Guillermo Rauch cooked!

Gurbinder

5,546 subscribers

77,551 次观看 • 11 个月前 •via X (Twitter)

科学技术教育艺术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Introducing v0 by Vercel - v0 generates custom components on the fly that you can copy and paste into your existing codebase. Need a component? Just Ask - Jared Palmer Mariana Castilho Guillermo Rauch Malte Ubl almonk and the team at Vercel

Introducing v0 by Vercel - v0 generates custom components on the fly that you can copy and paste into your existing codebase. Need a component? Just Ask - Jared Palmer Mariana Castilho Guillermo Rauch Malte Ubl almonk and the team at Vercel

shadcn

737,281 次观看 • 2 年前

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 次观看 • 1 年前

Start using Cursor with Shadcn. You can tag *any* of the components you install to quickly build user interfaces - just @ the component. It’s basically an AI frontend engineer. Build at the speed of thought.

Start using Cursor with Shadcn. You can tag any of the components you install to quickly build user interfaces - just @ the component. It’s basically an AI frontend engineer. Build at the speed of thought.

Mckay Wrigley

299,686 次观看 • 1 年前

It's unreal how fast you can build full-stack Next.js apps with Kirimase How fast? Watch as I build a 'pay-to-tweet' app (using Prisma, , tRPC.io 🧙‍♂️, shadcn UI, v0, and Stripe) in just 5 minutes 🤯

It's unreal how fast you can build full-stack Next.js apps with Kirimase How fast? Watch as I build a 'pay-to-tweet' app (using Prisma, , tRPC.io 🧙‍♂️, shadcn UI, v0, and Stripe) in just 5 minutes 🤯

Nico Albanese

40,728 次观看 • 2 年前

Learn v0 in under 10 minutes ✨ I'll show you how to: • Build 3D games, run code, and create apps • Learn about Next.js (with up-to-date knowledge of App Router) • Start from @shadcn/ui components + fork from there • Publish web apps and examples you can share with others

Learn v0 in under 10 minutes ✨ I'll show you how to: • Build 3D games, run code, and create apps • Learn about Next.js (with up-to-date knowledge of App Router) • Start from @shadcn/ui components + fork from there • Publish web apps and examples you can share with others

Lee Robinson

92,214 次观看 • 1 年前

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!

Miguel Ángel

18,018 次观看 • 3 个月前

$-THE SPHERE-. I'm surprised by how many people are interested in fractals—perhaps because you sense that we are born from the stardust of the universe. Let me finish this work as v0 project so that people can pick it up and touch it with their own hands. (cc v0 Opus 4.7, Vercel & Guillermo Rauch)$

-THE SPHERE-. I'm surprised by how many people are interested in fractals—perhaps because you sense that we are born from the stardust of the universe. Let me finish this work as v0 project so that people can pick it up and touch it with their own hands. (cc v0 Opus 4.7, Vercel & Guillermo Rauch)

Yohei Nishitsuji

31,526 次观看 • 3 个月前

working theory for a new vibe code workflow: 1. create a proof of concept in v0 2. move to github and clone in a local repo 3. use as ref for agent planning 4. create a backend directory to test API plumbing 5. create a frontend directory to prototype iteratively this way you can repeatedly rip apart the frontend for ideation without worrying about breaking changes to the backend. i really like asking for an open ended "job to be done" (i.e. place a bet with a single tap) with 5-10 variations to feel. it's the modern day wireframing. it's still UI slop but i can get ideas in my head out faster and reveal design shortcomings before polishing or worrying about making components functional. and because the v0 prototype gets you to functional ai features and backend integration fastest, you have both a technical and conceptual reference to use in your agentic planning so your v1 is more predictable with minimal effort.

working theory for a new vibe code workflow: 1. create a proof of concept in v0 2. move to github and clone in a local repo 3. use as ref for agent planning 4. create a backend directory to test API plumbing 5. create a frontend directory to prototype iteratively this way you can repeatedly rip apart the frontend for ideation without worrying about breaking changes to the backend. i really like asking for an open ended "job to be done" (i.e. place a bet with a single tap) with 5-10 variations to feel. it's the modern day wireframing. it's still UI slop but i can get ideas in my head out faster and reveal design shortcomings before polishing or worrying about making components functional. and because the v0 prototype gets you to functional ai features and backend integration fastest, you have both a technical and conceptual reference to use in your agentic planning so your v1 is more predictable with minimal effort.

0xDesigner

14,912 次观看 • 7 个月前

CARDANO HOLDERS NEED TO BE PISSED OFF! THIS IS RIDICULOUS WHAT WE ARE SEEING! $ADA IS MELTING AND THE COMMUNITY SHOULD DEMAND BETTER OR JUST LEAVE AT THIS POINT!

CARDANO HOLDERS NEED TO BE PISSED OFF! THIS IS RIDICULOUS WHAT WE ARE SEEING! $ADA IS MELTING AND THE COMMUNITY SHOULD DEMAND BETTER OR JUST LEAVE AT THIS POINT!

Zach Humphries

54,227 次观看 • 2 个月前

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 次观看 • 1 年前

I made this in 2 hours 🤯 Been playing with v0 and Cursor last night just to see how fast we can make an app. So i made something for people doing house listings 🏠 ◆ Add photos 📸 ◆ Generate descriptions of the photo 💭 ◆ Add appraisal report 📃 ◆ Generate the description of the property 📝 For the AI i used Langbase. Fast to setup, and you can try different models fast 🔥 And of course, the components as always, from shadcn Btw, code is going to be Open-Source. Vercel NextAuth.js Prisma shadcn Neon Postgres Resend Tailwind CSS v0 #opensource #buildinpublic #proptech

I made this in 2 hours 🤯 Been playing with v0 and Cursor last night just to see how fast we can make an app. So i made something for people doing house listings 🏠 ◆ Add photos 📸 ◆ Generate descriptions of the photo 💭 ◆ Add appraisal report 📃 ◆ Generate the description of the property 📝 For the AI i used Langbase. Fast to setup, and you can try different models fast 🔥 And of course, the components as always, from shadcn Btw, code is going to be Open-Source. Vercel NextAuth.js Prisma shadcn Neon Postgres Resend Tailwind CSS v0 #opensource #buildinpublic #proptech

CodeHagen

177,423 次观看 • 1 年前

My super simple GitHub Copilot + vscode workflow that is very effective. I've been using Copilot since it was an internal project at GitHub. This flow = less fighting with the models & better output.

My super simple GitHub Copilot + vscode workflow that is very effective. I've been using Copilot since it was an internal project at GitHub. This flow = less fighting with the models & better output.

link-

14,922 次观看 • 1 年前

Just look at this angle how Amad cooked Madueke & brilliant Cunha skill, we should have gotten a penalty from here but for the referee, the least said the better.

Just look at this angle how Amad cooked Madueke & brilliant Cunha skill, we should have gotten a penalty from here but for the referee, the least said the better.

Commodore.

797,652 次观看 • 11 个月前

I wish I found this sooner. 🫡 This open-source collection of Agentic UI Skills teaches AI coding agents how to build interfaces that feel polished, not just functional. You'll find specialized skills for things like: → Better User Interface → Better Typography → Better Colors → Better Layout → Better Accessibility ....& more Instead of relying on generic UI patterns, your AI agent can load the right design-engineering skill for the task at hand. If you're building modern frontends with AI coding agents, this is definitely worth bookmarking :) Source 🔗: github(DOT)com/jakubkrehel/skills Follow me for more amazing AI, Coding & Web Dev insights 💎

I wish I found this sooner. 🫡 This open-source collection of Agentic UI Skills teaches AI coding agents how to build interfaces that feel polished, not just functional. You'll find specialized skills for things like: → Better User Interface → Better Typography → Better Colors → Better Layout → Better Accessibility ....& more Instead of relying on generic UI patterns, your AI agent can load the right design-engineering skill for the task at hand. If you're building modern frontends with AI coding agents, this is definitely worth bookmarking :) Source 🔗: github(DOT)com/jakubkrehel/skills Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

14,297 次观看 • 7 天前

This made me develop MVPs x10 times faster 🤯 I create a /playbook page at the start of every project now. Just init a project from shadcn and your ready to go This page lists all the UI components my project will use: ◆ Page shells ◆ Layout patterns ◆ Component structure ◆ Design rules Give the AI this context upfront and it stays consistent across the whole build Can basically design the full MVP in one go now.

This made me develop MVPs x10 times faster 🤯 I create a /playbook page at the start of every project now. Just init a project from shadcn and your ready to go This page lists all the UI components my project will use: ◆ Page shells ◆ Layout patterns ◆ Component structure ◆ Design rules Give the AI this context upfront and it stays consistent across the whole build Can basically design the full MVP in one go now.

CodeHagen

18,728 次观看 • 1 个月前

Vibe coded a mac app using @GlazeApp at @Raycast x @Vercel Builders Night (see demo in video) Shipped something I’ll actually use, met Thomas Paul Mann & Pedro Duarte irl, bumped into Guillermo Rauch, and got reminded that SF is still ridiculously dense with people building the internet!

Vibe coded a mac app using @GlazeApp at @Raycast x @Vercel Builders Night (see demo in video) Shipped something I’ll actually use, met Thomas Paul Mann & Pedro Duarte irl, bumped into Guillermo Rauch, and got reminded that SF is still ridiculously dense with people building the internet!

ILIAS ISM

10,970 次观看 • 3 个月前

This is just insane… My GPT-4 coding assistant can now: - build and design a frontend - create a backend with working db - correctly hook them up - upload code to GitHub - deploy it to Vercel I can now build *complete* apps with nothing more than my voice. The future is here!

This is just insane… My GPT-4 coding assistant can now: - build and design a frontend - create a backend with working db - correctly hook them up - upload code to GitHub - deploy it to Vercel I can now build complete apps with nothing more than my voice. The future is here!

Mckay Wrigley

5,715,882 次观看 • 3 年前

Holy, Opus 4.7 is insanely powerful (or maybe I just got better at prompting lol) Just rebuilt my entire onboarding + new UI with Rork in 3 days At this point, building isn’t the bottleneck anymore Distribution is... 😌

Holy, Opus 4.7 is insanely powerful (or maybe I just got better at prompting lol) Just rebuilt my entire onboarding + new UI with Rork in 3 days At this point, building isn’t the bottleneck anymore Distribution is... 😌

Alex Nguyen

58,520 次观看 • 3 个月前

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Jason Zhou

745,891 次观看 • 1 年前

Introducing Web to Design. Turn any website into an editable UI. Just paste a URL. Create new variants, different pages, or build components inspired by the original design. We’ve been using this internally a ton, it’s the fastest way to go from a raw idea to a prototype.

Introducing Web to Design. Turn any website into an editable UI. Just paste a URL. Create new variants, different pages, or build components inspired by the original design. We’ve been using this internally a ton, it’s the fastest way to go from a raw idea to a prototype.

Pietro Schirano

215,647 次观看 • 4 个月前