Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it...

alex_barashkov's profile picture

Alex Barashkov

27,546 subscribers

32,004 görüntüleme • 3 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Introducing primeui. Build sites fast. Fear no code. Available today • 200+ handcrafted marketing UI components and templates • Sitemap planner • Prototype + experiment on an infinite canvas • Clean export to Next.js, Tailwind + shadcn/ui compatible • Not just landing pages: build Blog, Docs, Pricing, and more Coming soon • MCP • Skills • AI Designer We started Prime UI because we believe site builders that do not output real code end up slowing you down. So instead of building another “app builder,” we focused on marketing sites, the work we know best after 10+ years of designing and building high-end websites at Pixel Point. Human expertise combined with AI scalability is what we believe in. Prime UI isn’t here (yet) to fully replace your stack, but it is already capable of saving you hundreds of hours in prototyping and the early phases of your next site project. What’s next: MCP: continuously add new pages to your site from Prime UI, aligned with your project setup and style. Skills: an AI-agent-friendly concentrate of our years of website design and development expertise. It is time to ditch old habits. Fear no code and build sites fast, ready for the AI era.
0:30

Introducing primeui. Build sites fast. Fear no code. Available today • 200+ handcrafted marketing UI components and templates • Sitemap planner • Prototype + experiment on an infinite canvas • Clean export to Next.js, Tailwind + shadcn/ui compatible • Not just landing pages: build Blog, Docs, Pricing, and more Coming soon • MCP • Skills • AI Designer We started Prime UI because we believe site builders that do not output real code end up slowing you down. So instead of building another “app builder,” we focused on marketing sites, the work we know best after 10+ years of designing and building high-end websites at Pixel Point. Human expertise combined with AI scalability is what we believe in. Prime UI isn’t here (yet) to fully replace your stack, but it is already capable of saving you hundreds of hours in prototyping and the early phases of your next site project. What’s next: MCP: continuously add new pages to your site from Prime UI, aligned with your project setup and style. Skills: an AI-agent-friendly concentrate of our years of website design and development expertise. It is time to ditch old habits. Fear no code and build sites fast, ready for the AI era.

Alex Barashkov

71,241 görüntüleme • 4 ay önce

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨
0:58

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Pablo

17,916 görüntüleme • 4 ay önce

changed how I design with AI. I show how to build faster by adding a design system directly into the prompt, importing any website URL to get a strong starting point, then polishing everything in my own style. I also mix it with components and skills to keep the design consistent and more unique. GPT-5.5 cloning websites is honestly crazy good. The result can get very close to the original, then you can refine it and make it your own. Full breakdown in the comments.
1:09

changed how I design with AI. I show how to build faster by adding a design system directly into the prompt, importing any website URL to get a strong starting point, then polishing everything in my own style. I also mix it with components and skills to keep the design consistent and more unique. GPT-5.5 cloning websites is honestly crazy good. The result can get very close to the original, then you can refine it and make it your own. Full breakdown in the comments.

FHILY👑

57,007 görüntüleme • 28 gün önce

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵
1:29

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵

Stitch by Google

487,157 görüntüleme • 3 ay önce

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.
1:15

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

77,669 görüntüleme • 4 ay önce

Announcing Dezi: The visual builder for Shopify app UIs Dezi lets you design your UI using native Polaris components, configure your props and view updates in real-time, then export formatted Polaris code that you can paste in your app - all within minutes Let get started 🧵
0:30

Announcing Dezi: The visual builder for Shopify app UIs Dezi lets you design your UI using native Polaris components, configure your props and view updates in real-time, then export formatted Polaris code that you can paste in your app - all within minutes Let get started 🧵

Alex Abbott

28,239 görüntüleme • 1 yıl önce

Introducing Prompted Variants ✨. It's a creativity amplifier for your design process. You can now guide your variants with a prompt. Get specific with UI changes ("show me different layouts") or describe a high-level goal like "make checkout easier" to rapidly iterate. Or, leave the prompt blank to have Stitch completely reimagine the screen for you. Watch as we uplevel this app's UI in a couple minutes. 👇
0:40

Introducing Prompted Variants ✨. It's a creativity amplifier for your design process. You can now guide your variants with a prompt. Get specific with UI changes ("show me different layouts") or describe a high-level goal like "make checkout easier" to rapidly iterate. Or, leave the prompt blank to have Stitch completely reimagine the screen for you. Watch as we uplevel this app's UI in a couple minutes. 👇

Stitch by Google

151,271 görüntüleme • 8 ay önce

Publish your website, from #Figma, in a single click! Fully responsive, with free hosting (or your own domain) and all the settings you need for SEO, performance, forms custom code, embeds, analytics and more.
0:34

Publish your website, from #Figma, in a single click! Fully responsive, with free hosting (or your own domain) and all the settings you need for SEO, performance, forms custom code, embeds, analytics and more.

figma.to.website

492,521 görüntüleme • 1 yıl önce

We shipped it. The Drag & Drop Landing Page Builder for Shadcn Studio is here. 🧭 Search blocks (Hero, Features, Pricing, FAQ, etc.) 🧱 Drag & drop onto an empty canvas ↕️ Reorder sections instantly 🖌️ Switch themes in one click 📁 Preview, Export, Save, and Share 🔁 Shuffle Blocks to explore ideas No design software. No clunky builders. Just clean, reliable workflows. Build landing pages visually → export clean shadcn code. Link in the comments below, Try it out 👇🏻
1:35

We shipped it. The Drag & Drop Landing Page Builder for Shadcn Studio is here. 🧭 Search blocks (Hero, Features, Pricing, FAQ, etc.) 🧱 Drag & drop onto an empty canvas ↕️ Reorder sections instantly 🖌️ Switch themes in one click 📁 Preview, Export, Save, and Share 🔁 Shuffle Blocks to explore ideas No design software. No clunky builders. Just clean, reliable workflows. Build landing pages visually → export clean shadcn code. Link in the comments below, Try it out 👇🏻

Ajay Patel

17,442 görüntüleme • 2 ay önce

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.
0:22

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.

Mattia

163,271 görüntüleme • 1 yıl önce

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too
4:39

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

Pablo Stanley

21,446 görüntüleme • 3 ay önce

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.
0:54

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

299,475 görüntüleme • 4 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

🌐Discover the Gen2 AI App!🌐 ⚡️App that gives you complete control over your website’s design and functionality in just a few steps. App: 🔹Customize your site easily: adjust widgets, colors, and add personal touches. 🔹Connect with your audience by linking to your social media. 🔹Design your site's look with unique fonts and button styles. 🔹Flexible blocks for forms, galleries, and more – all customizable. 🔹AI-Generated Templates – Get a website in seconds, then make it yours. 🔹Track Performance with detailed stats to enhance visitor engagement. Join our social media channels: Telegram: Website: Start now with GEN2AI for a website that's uniquely you! #Gen2 #Innovation #Technology #AI #MobileApp
1:36

🌐Discover the Gen2 AI App!🌐 ⚡️App that gives you complete control over your website’s design and functionality in just a few steps. App: 🔹Customize your site easily: adjust widgets, colors, and add personal touches. 🔹Connect with your audience by linking to your social media. 🔹Design your site's look with unique fonts and button styles. 🔹Flexible blocks for forms, galleries, and more – all customizable. 🔹AI-Generated Templates – Get a website in seconds, then make it yours. 🔹Track Performance with detailed stats to enhance visitor engagement. Join our social media channels: Telegram: Website: Start now with GEN2AI for a website that's uniquely you! #Gen2 #Innovation #Technology #AI #MobileApp

GEN2AI⚡️

184,663 görüntüleme • 1 yıl önce

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!
0:36

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

Matt

44,889 görüntüleme • 8 ay önce

Still relying on AI tools that can’t turn your ideas into real, working apps? Most can write code snippets but fall apart when it’s time to actually build something complete. That’s where Replit ⠕ changes everything. I simply asked it: “Build a responsive calculator app with a clean UI in light/dark mode.” Within minutes, it built the entire app with a beautiful UI, logic, light/dark mode, animations, and full responsiveness. Literally no setup. No debugging headache. Just vibe coding. Here’s why Replit stands out 👇 ✅ Build in Plain English: Just describe what you want and Replit turns it into a production-ready app. ✅ All-in-One Platform: Code, AI help, hosting, auth, and database, everything you need, already built in. ✅ Vibe Code Anywhere: Build on the go with the Replit mobile app for iOS & Android. ✅ Connected Ecosystem: Integrate with tools you already use like Notion, Slack, Google Drive, Dropbox, and more. ✅ Design to Live App: Import directly from Figma and bring your ideas to life in minutes. No micromanaging. No chaos. Just you, your idea, and Replit doing the heavy lifting. 👉 Try it now: 🎁 Get $10 credit when you purchase Replit Core via my referral link. → #Replit #VibeCoding #AIApps #NoCode #BuildWithReplit #AItools #ReplitCore
0:36

Still relying on AI tools that can’t turn your ideas into real, working apps? Most can write code snippets but fall apart when it’s time to actually build something complete. That’s where Replit ⠕ changes everything. I simply asked it: “Build a responsive calculator app with a clean UI in light/dark mode.” Within minutes, it built the entire app with a beautiful UI, logic, light/dark mode, animations, and full responsiveness. Literally no setup. No debugging headache. Just vibe coding. Here’s why Replit stands out 👇 ✅ Build in Plain English: Just describe what you want and Replit turns it into a production-ready app. ✅ All-in-One Platform: Code, AI help, hosting, auth, and database, everything you need, already built in. ✅ Vibe Code Anywhere: Build on the go with the Replit mobile app for iOS & Android. ✅ Connected Ecosystem: Integrate with tools you already use like Notion, Slack, Google Drive, Dropbox, and more. ✅ Design to Live App: Import directly from Figma and bring your ideas to life in minutes. No micromanaging. No chaos. Just you, your idea, and Replit doing the heavy lifting. 👉 Try it now: 🎁 Get $10 credit when you purchase Replit Core via my referral link. → #Replit #VibeCoding #AIApps #NoCode #BuildWithReplit #AItools #ReplitCore

Manish Kumar Shah

52,314 görüntüleme • 7 ay önce

✨ Build Next.js, Tailwind CSS & shadcn UIs with an AI visual builder. And yes, you can export the code. Link below.
0:22

✨ Build Next.js, Tailwind CSS & shadcn UIs with an AI visual builder. And yes, you can export the code. Link below.

Mattia

168,560 görüntüleme • 1 yıl önce

ChatGPT is great. But it can’t create websites for you. 😞 Now you can build or recreate any website 10x faster with the power of AI. 😯 Using AI website builder 10Web.io A few of the best features of 10Web are: 1. It can Build a professional website 10X faster with AI. 2. You can get AI-generated content and images. 3. Easy to customize with drag and drop editor. You just need to: 1. Visit 2. Select your business type & style for the website template. 3. Write down your company name + business description. 4. Try it out for yourself for FREE today.
0:25

ChatGPT is great. But it can’t create websites for you. 😞 Now you can build or recreate any website 10x faster with the power of AI. 😯 Using AI website builder 10Web.io A few of the best features of 10Web are: 1. It can Build a professional website 10X faster with AI. 2. You can get AI-generated content and images. 3. Easy to customize with drag and drop editor. You just need to: 1. Visit 2. Select your business type & style for the website template. 3. Write down your company name + business description. 4. Try it out for yourself for FREE today.

Shruti

31,640 görüntüleme • 2 yıl önce

New short course: Collaborative Writing and Coding with OpenAI Canvas! Explore new ways to write and code with OpenAI Canvas, a user-friendly interface that allows you to brainstorm, draft, and refine text and code in collaboration with ChatGPT. In the short course, created with OpenAI, and taught by , a research lead at OpenAI, you’ll learn to use Canvas to enhance your workflows. Canvas lets you go beyond simple chat interactions. It provides a side-by-side workspace where you and ChatGPT can edit and refine text or code collaboratively. This makes brainstorming, drafting, and iterating as you write feel more natural and effective. As the first major update to ChatGPT’s visual interface since its launch in 2022, Canvas gives a new, innovative approach to collaboration with AI. For instance, after writing the first version of your code, Canvas can review it and give suggestions for improvement. It can also help with debugging by adding logging, identifying problems to fix, and writing comments. In addition, you'll also learn what it takes to train the model for an interface like Canvas. In this video-only short course, you’ll: - Learn how to ask for in-line feedback and control the iteration of your work by directly editing selected areas of your text or code from the model’s output. - Learn how to access quick automation tools in a shortcut menu that allows you to modify your writing tone and length, enhance your code, and restore previous versions of your work. - Learn how to use Canvas as a research assistant tool with an example of asking the model to reason through the screenshot of a plot to write a research report, in which you can ask questions within the created report. - Ask the model to write Python code to replicate the graph seen on a screenshot image. - Go behind the scenes of how you can create a video game, such as Space Battleship, from scratch, edit it, and display it in one self-contained HTML file. - Get a real-world application example of creating a SQL database from the image of its architecture. - Understand the model training and design processes that power Canvas! Please sign up here:
1:49

New short course: Collaborative Writing and Coding with OpenAI Canvas! Explore new ways to write and code with OpenAI Canvas, a user-friendly interface that allows you to brainstorm, draft, and refine text and code in collaboration with ChatGPT. In the short course, created with OpenAI, and taught by , a research lead at OpenAI, you’ll learn to use Canvas to enhance your workflows. Canvas lets you go beyond simple chat interactions. It provides a side-by-side workspace where you and ChatGPT can edit and refine text or code collaboratively. This makes brainstorming, drafting, and iterating as you write feel more natural and effective. As the first major update to ChatGPT’s visual interface since its launch in 2022, Canvas gives a new, innovative approach to collaboration with AI. For instance, after writing the first version of your code, Canvas can review it and give suggestions for improvement. It can also help with debugging by adding logging, identifying problems to fix, and writing comments. In addition, you'll also learn what it takes to train the model for an interface like Canvas. In this video-only short course, you’ll: - Learn how to ask for in-line feedback and control the iteration of your work by directly editing selected areas of your text or code from the model’s output. - Learn how to access quick automation tools in a shortcut menu that allows you to modify your writing tone and length, enhance your code, and restore previous versions of your work. - Learn how to use Canvas as a research assistant tool with an example of asking the model to reason through the screenshot of a plot to write a research report, in which you can ask questions within the created report. - Ask the model to write Python code to replicate the graph seen on a screenshot image. - Go behind the scenes of how you can create a video game, such as Space Battleship, from scratch, edit it, and display it in one self-contained HTML file. - Get a real-world application example of creating a SQL database from the image of its architecture. - Understand the model training and design processes that power Canvas! Please sign up here:

Andrew Ng

128,085 görüntüleme • 1 yıl önce

You can now clone any UI on the web and make it your own with one click. Just: - grab it with our Chrome extension - paste into Fusion - Type "adapt to our brand" Converts the UI to your design system and stack Links in reply:
0:21

You can now clone any UI on the web and make it your own with one click. Just: - grab it with our Chrome extension - paste into Fusion - Type "adapt to our brand" Converts the UI to your design system and stack Links in reply:

Steve (Builder.io)

40,275 görüntüleme • 9 ay önce