Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

30,996 subscribers

32,593 Aufrufe • vor 8 Monaten •via X (Twitter)

KunstWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

12 Kommentare

Profilbild von Vlad Kamelskii
Vlad Kamelskiivor 8 Monaten

@primeuicom @nextjs Enjoy the Live preview:

Profilbild von Tom Piaggio
Tom Piaggiovor 8 Monaten

@primeuicom @nextjs the 'crafted by humans' label is basically the new non-gmo sticker for software.

Profilbild von Alex Krasikov
Alex Krasikovvor 8 Monaten

@primeuicom @nextjs The missing piece arrived 🤘

Profilbild von Alex Barashkov
Alex Barashkovvor 8 Monaten

@primeuicom @nextjs Feels much more alive.

Profilbild von Alim Joldaspayev
Alim Joldaspayevvor 8 Monaten

@primeuicom @nextjs

Profilbild von Alex K
Alex Kvor 8 Monaten

@alex_krasikau @primeuicom @nextjs Incredible! Is this only for websites or apps as well?

Profilbild von Alex Barashkov
Alex Barashkovvor 8 Monaten

@alex_krasikau @primeuicom @nextjs So far, only for websites. We’re working on the next big thing: Prime Design, a desktop app where you can code and design anything.

Profilbild von Roktimm
Roktimmvor 7 Monaten

@uialexk @alex_krasikau @primeuicom @nextjs will that be part of primeui plan ?

Profilbild von Alex Barashkov
Alex Barashkovvor 7 Monaten

@uialexk @alex_krasikau @primeuicom @nextjs The app will be free, but the app won't be including components/templates of primeui.

Profilbild von Encyphers
Encyphersvor 7 Monaten

@primeuicom @nextjs How flexible is the token system when customizing complex themes?

Profilbild von Snip
Snipvor 7 Monaten

@primeuicom @nextjs Looks great. Is this for nextJS only? What about mobile, currently it’s only for desktop?

Profilbild von Richard Adair
Richard Adairvor 7 Monaten

@primeuicom @nextjs Sick!!!! This is awesome. Where were u 10 min ago 😂

Ähnliche Videos

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

72,756 Aufrufe • vor 8 Monaten

Forget trying to design everything in Figma. You can build your own design tools with AI. Introducing Toolcraft - a starter kit and UI library for building beautiful creative apps. It's free and available for you today. npx @​pixel-point/toolcraft create Use it to build apps to stylize images, create WebGL shaders, Three.js scenes, animations, photo editing tools, or whatever else needs a canvas and controls. Toolcraft gives you the full architecture in a single solution. It comes with: - plenty of UI components: sliders, pickers, timelines, curves, and more - built-in canvas, export, and toolbar setup - AI instructions to help the agent deliver a great result to you With Toolcraft, you don’t need an extensive prompt. Just explain what type of visuals you want to build, attach references, and wait. It’s been a game changer for our design process. Watch the full video on our YouTube channel with all the details and examples.
0:37

Forget trying to design everything in Figma. You can build your own design tools with AI. Introducing Toolcraft - a starter kit and UI library for building beautiful creative apps. It's free and available for you today. npx @​pixel-point/toolcraft create Use it to build apps to stylize images, create WebGL shaders, Three.js scenes, animations, photo editing tools, or whatever else needs a canvas and controls. Toolcraft gives you the full architecture in a single solution. It comes with: - plenty of UI components: sliders, pickers, timelines, curves, and more - built-in canvas, export, and toolbar setup - AI instructions to help the agent deliver a great result to you With Toolcraft, you don’t need an extensive prompt. Just explain what type of visuals you want to build, attach references, and wait. It’s been a game changer for our design process. Watch the full video on our YouTube channel with all the details and examples.

Alex Barashkov

290,520 Aufrufe • vor 4 Monaten

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

19,505 Aufrufe • vor 8 Monaten

Introducing shadcn/ui Design System Manager. A visual editor for shadcn design systems. Add a token, a variant, or ask the agent to match your design.md. Every component on the canvas updates instantly. Share preview with your client or Publish as a registry. Let me show you..
0:39

Introducing shadcn/ui Design System Manager. A visual editor for shadcn design systems. Add a token, a variant, or ask the agent to match your design.md. Every component on the canvas updates instantly. Share preview with your client or Publish as a registry. Let me show you..

Matt

31,927 Aufrufe • vor 1 Monat

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 Aufrufe • vor 5 Monaten

Go from inspiration to physical objects with Gemini. With Canvas in Gemini, you can code a custom app to design a vase and change its mathematical parameters to visualize it in 3D. Then, export it as an .STL file for 3D printing to watch your ideas take shape.
0:23

Go from inspiration to physical objects with Gemini. With Canvas in Gemini, you can code a custom app to design a vase and change its mathematical parameters to visualize it in 3D. Then, export it as an .STL file for 3D printing to watch your ideas take shape.

Google Gemini

6,505,015 Aufrufe • vor 1 Monat

We designed a UI kit for founders vibe-coding AI products. It sits on shadcn/ui, a solid foundation most of these tools already reach for. We've added our own visual direction and the UX patterns AI products need. Copy one prompt into Claude Code or Cursor and your prototype picks it up. It won't get you all the way there. It gets you further than the defaults.
0:28

We designed a UI kit for founders vibe-coding AI products. It sits on shadcn/ui, a solid foundation most of these tools already reach for. We've added our own visual direction and the UX patterns AI products need. Copy one prompt into Claude Code or Cursor and your prototype picks it up. It won't get you all the way there. It gets you further than the defaults.

Chris Halaska

21,360 Aufrufe • vor 1 Monat

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉
1:23

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

179,614 Aufrufe • vor 4 Monaten

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

489,594 Aufrufe • vor 7 Monaten

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

78,106 Aufrufe • vor 8 Monaten

Alright, I've made the shadcn/ui skills really good at 𝙳𝙴𝚂𝙸𝙶𝙽.𝚖𝚍. Ask for a design system and it picks a preset, then builds everything: colors, tokens, type scale, elevation, styles the primitives and blocks. Start with a solid foundation and build something unique.
0:28

Alright, I've made the shadcn/ui skills really good at 𝙳𝙴𝚂𝙸𝙶𝙽.𝚖𝚍. Ask for a design system and it picks a preset, then builds everything: colors, tokens, type scale, elevation, styles the primitives and blocks. Start with a solid foundation and build something unique.

shadcn

242,062 Aufrufe • vor 29 Tagen

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,464 Aufrufe • vor 1 Jahr

Brooooooooooooo... this feels like a dream come true for every developer & designer. 🦴 Now you don't have to manually design skeleton screens for your UI. Boneyard automatically extracts the layout from your real UI and generates pixel-perfect skeleton loading screens from it. Just wrap your UI components with Boneyard, run the build, and it creates the skeletons for you :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:32

Brooooooooooooo... this feels like a dream come true for every developer & designer. 🦴 Now you don't have to manually design skeleton screens for your UI. Boneyard automatically extracts the layout from your real UI and generates pixel-perfect skeleton loading screens from it. Just wrap your UI components with Boneyard, run the build, and it creates the skeletons for you :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

55,559 Aufrufe • vor 2 Monaten

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,382 Aufrufe • vor 1 Jahr

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

19,565 Aufrufe • vor 7 Monaten

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.
1:14

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

84,239 Aufrufe • vor 4 Monaten

✨ 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,355 Aufrufe • vor 2 Jahren

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,295 Aufrufe • vor 1 Jahr

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,605 Aufrufe • vor 8 Monaten