Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

want to create really beautiful designs in your project? use the new "/component" slash command with the Supercharge add-on: - choose from 100s of 😍 components - copy the code, purpose-made for Bolt 👉 a simple, stunning, fast way to 10x your designs.

martinslaney's profile picture

Martin Slaney

5,026 subscribers

32,843 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieKunst
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von skippy
skippyvor 1 Jahr

get the browser extension for this and many more power-ups to supercharge @boltdotnew

Profilbild von skippy
skippyvor 1 Jahr

Huge thanks to @serafimcloud for working with me on this 🙌 - legend

Profilbild von Melvin Vivas
Melvin Vivasvor 1 Jahr

wow, awesome stuff!

Profilbild von dev dja
dev djavor 1 Jahr

Niiiiice, i’ll use it !!!

Profilbild von skippy
skippyvor 1 Jahr

💥

Profilbild von Liban (lee~ben) Kano
Liban (lee~ben) Kanovor 1 Jahr

Incredible!

Profilbild von skippy
skippyvor 1 Jahr

Cheers Liban!

Profilbild von Jordan Mix
Jordan Mixvor 1 Jahr

Embedding 21st dev is so smart. Let’s goooo

Profilbild von skippy
skippyvor 1 Jahr

It’s the perfect match-up

Profilbild von Ward
Wardvor 1 Jahr

Damn thats nice, but why are these things so hidden. A button with more options like this would be way better.

Profilbild von skippy
skippyvor 1 Jahr

Fair point and I’ll make it more accessible 👍

Ähnliche Videos

SIMPLE WAY TO GENERATE 3D IMAGES WITH CHATGPT USING SIMPLE COPY PROMPT, AND HOW TO USE THEM IN YOUR CANVA DESIGNS. Enjoy the calm jazz too. Like, RT/Quote, ask your questions, bookmark.
7:29

SIMPLE WAY TO GENERATE 3D IMAGES WITH CHATGPT USING SIMPLE COPY PROMPT, AND HOW TO USE THEM IN YOUR CANVA DESIGNS. Enjoy the calm jazz too. Like, RT/Quote, ask your questions, bookmark.

MR SOUTH

14,240 Aufrufe • vor 11 Monaten

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.
6:06

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

Meng To

171,763 Aufrufe • vor 1 Jahr

We're thrilled to partner with Replit ⠕ on making your Galileo designs LIVE. 🌟 You can now export your designs from Galileo to Replit and edit your designs using code. Thanks for the partnership Replit ⠕!
0:22

We're thrilled to partner with Replit ⠕ on making your Galileo designs LIVE. 🌟 You can now export your designs from Galileo to Replit and edit your designs using code. Thanks for the partnership Replit ⠕!

Stitch by Google

51,694 Aufrufe • vor 2 Jahren

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.
0:56

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

shadcn

52,962 Aufrufe • vor 1 Jahr

Satanic Musallas Being Sold. Appeal to all Muslims to avoid musallas with floral designs etc. Use plain musallas with no designs or patterns. Khushu in salah js an important component of your prayer. If you have an image of the devil hidden on your musallas then ask questions.
1:01

Satanic Musallas Being Sold. Appeal to all Muslims to avoid musallas with floral designs etc. Use plain musallas with no designs or patterns. Khushu in salah js an important component of your prayer. If you have an image of the devil hidden on your musallas then ask questions.

Adnan Rashid

490,316 Aufrufe • vor 1 Jahr

"The difference between AI slop and great designs is in the last 10%." Here's my new episode with Meng To where he reveals his step-by-step process to create stunning AI designs and websites. We cover how to: - Build your AI design prompt from scratch - Find great fonts, assets, and components - Add beautiful custom animations Some tips from Meng: "A lot of people don't realize that having a prompt is just not enough. You need to give AI the right templates and references." "I like to think of AI more like a tool to augment you rather than doing everything. At the end of the day, what matters is your taste." "Use sites like UI verse for buttons, 21st dev for components, and ReactBits for animations. Knowing these resources is half the battle." 📌 Watch now:
0:51

"The difference between AI slop and great designs is in the last 10%." Here's my new episode with Meng To where he reveals his step-by-step process to create stunning AI designs and websites. We cover how to: - Build your AI design prompt from scratch - Find great fonts, assets, and components - Add beautiful custom animations Some tips from Meng: "A lot of people don't realize that having a prompt is just not enough. You need to give AI the right templates and references." "I like to think of AI more like a tool to augment you rather than doing everything. At the end of the day, what matters is your taste." "Use sites like UI verse for buttons, 21st dev for components, and ReactBits for animations. Knowing these resources is half the battle." 📌 Watch now:

Peter Yang

63,938 Aufrufe • vor 11 Monaten

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.
0:36

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.

Daniel San

164,637 Aufrufe • vor 7 Monaten

Have you tried the new Replit Canvas? - Create beautiful UI designs with AI - Generate assets with GPT-Image 2 & Seedance - Turn your designs into launch-ready apps in minutes
1:43

Have you tried the new Replit Canvas? - Create beautiful UI designs with AI - Generate assets with GPT-Image 2 & Seedance - Turn your designs into launch-ready apps in minutes

Replit ⠕

14,500 Aufrufe • vor 1 Monat

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.
0:41

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.

Alex Danilowicz

33,189 Aufrufe • vor 1 Jahr

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:
1:18

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:

Daniel San

20,460 Aufrufe • vor 6 Monaten

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.
0:30

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

Abraham John 🦄🦓

21,243 Aufrufe • vor 6 Monaten

Introducing Smart Diagrams! A new way to visualize your text. You can now drag and drop adaptable diagrams directly into your gammas. Navigate over to the side menu bar and choose from a variety of designs that automatically adapt to your theme.
0:46

Introducing Smart Diagrams! A new way to visualize your text. You can now drag and drop adaptable diagrams directly into your gammas. Navigate over to the side menu bar and choose from a variety of designs that automatically adapt to your theme.

Gamma

18,995 Aufrufe • vor 11 Monaten

Here's DetailsPro MCP sharing SwiftUI designs directly with Xcode! Ask your favorite agent to grab one of your designs and watch as DetailsPro provides the SwiftUI code. Tweak and iterate on your design live and let the agent know to grab the changes.
0:46

Here's DetailsPro MCP sharing SwiftUI designs directly with Xcode! Ask your favorite agent to grab one of your designs and watch as DetailsPro provides the SwiftUI code. Tweak and iterate on your design live and let the agent know to grab the changes.

DetailsPro

15,408 Aufrufe • vor 5 Monaten

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.
1:19

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.

Pietro Schirano

979,151 Aufrufe • vor 5 Monaten

With the new QR Code Tool in #Affinity 2.5 beta, you can easily create any #QRCode shape as a vector object and customise it to suit your designs 🙌 To try out the latest beta builds and share your feedback with us, sign up for our #beta program:
0:34

With the new QR Code Tool in #Affinity 2.5 beta, you can easily create any #QRCode shape as a vector object and customise it to suit your designs 🙌 To try out the latest beta builds and share your feedback with us, sign up for our #beta program:

Affinity

43,908 Aufrufe • vor 2 Jahren

wanna make your #PrismCustomizableVtuber designs into redeems? i made a quick tutorial on how to use the Integration feature on Vtube Studio! 🤍
0:36

wanna make your #PrismCustomizableVtuber designs into redeems? i made a quick tutorial on how to use the Integration feature on Vtube Studio! 🤍

emi 🐾💤

69,425 Aufrufe • vor 8 Monaten

How to use the new .cursor/rules directory in your project (simple).
0:40

How to use the new .cursor/rules directory in your project (simple).

Kevin Kern

45,336 Aufrufe • vor 1 Jahr

AIDesigner is officially live! I think we can all agree that vibe coded apps look horrible, so I built an AI UI designer that creates actually beautiful UI in seconds. • Stunning designs from the simplest of prompts. • Design, edit, iterate all on a single canvas. • Copy styles from any URL. • Publish in a single click (subdomain or custom). • Designs for both web and mobile. • Export to code and image. Great UI design doesn't have to be difficult. Components, mobile apps, websites, AIDesigner does it all. Try it for free:
1:31

AIDesigner is officially live! I think we can all agree that vibe coded apps look horrible, so I built an AI UI designer that creates actually beautiful UI in seconds. • Stunning designs from the simplest of prompts. • Design, edit, iterate all on a single canvas. • Copy styles from any URL. • Publish in a single click (subdomain or custom). • Designs for both web and mobile. • Export to code and image. Great UI design doesn't have to be difficult. Components, mobile apps, websites, AIDesigner does it all. Try it for free:

Wiz

17,068 Aufrufe • vor 6 Monaten

Today is the day! Our most requested feature, design → code generation, is live: Go from idea → design → code in under a minute. You can now export generated UI designs to Tailwind CSS with Galileo. The fastest way to bring your ideas to life. 🚀
0:27

Today is the day! Our most requested feature, design → code generation, is live: Go from idea → design → code in under a minute. You can now export generated UI designs to Tailwind CSS with Galileo. The fastest way to bring your ideas to life. 🚀

Stitch by Google

26,103 Aufrufe • vor 2 Jahren