Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

legionsdev's profile picture

Gurbinder

5,546 subscribers

77,551 görüntüleme • 11 ay önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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
0:30

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,233 görüntüleme • 2 yıl önce

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
0:47

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,425 görüntüleme • 1 yıl önce

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.
6:50

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,655 görüntüleme • 1 yıl önce

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 🤯
9:05

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 görüntüleme • 2 yıl önce

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
9:04

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 görüntüleme • 1 yıl önce

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!
0:28

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 görüntüleme • 2 ay önce

-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)
0:34

-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 görüntüleme • 3 ay önce

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.
0:22

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 görüntüleme • 6 ay önce

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!
8:24

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,201 görüntüleme • 1 ay önce

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
0:20

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 görüntüleme • 1 yıl önce

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.
0:28

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 görüntüleme • 11 ay önce

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 Postgres shadcn Neon Postgres Resend Tailwind CSS v0 #opensource #buildinpublic #proptech
0:26

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 Postgres shadcn Neon Postgres Resend Tailwind CSS v0 #opensource #buildinpublic #proptech

CodeHagen

177,326 görüntüleme • 1 yıl önce

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!
3:48

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 görüntüleme • 2 ay önce

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!
5:41

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,636 görüntüleme • 3 yıl önce

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... 😌
0:59

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 görüntüleme • 3 ay önce

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.
0:52

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,249 görüntüleme • 4 ay önce

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)
7:27

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,638 görüntüleme • 1 yıl önce

Finally (re)launching 🚀 MCPify is like Lovable/Bolt/V0, but for building MCP servers! You just talk to the AI and can create your own MCP server. I built this completely using Cloudflare Developers Cloudflare Workers + Durable Objects + Workers for Platforms
1:35

Finally (re)launching 🚀 MCPify is like Lovable/Bolt/V0, but for building MCP servers! You just talk to the AI and can create your own MCP server. I built this completely using Cloudflare Developers Cloudflare Workers + Durable Objects + Workers for Platforms

Bhanu Teja P

101,378 görüntüleme • 1 yıl önce

There’s no better gift we can leave the next generation than an independent country that’s theirs to create in their own image. No one can govern our country better than the people of Scotland. Let’s not just believe in a better future for Scotland. Let’s make it happen.
1:48

There’s no better gift we can leave the next generation than an independent country that’s theirs to create in their own image. No one can govern our country better than the people of Scotland. Let’s not just believe in a better future for Scotland. Let’s make it happen.

Humza Yousaf

376,668 görüntüleme • 2 yıl önce