Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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,024 subscribers

32,850 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiSanat
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

skippy profil fotoğrafı
skippy1 yıl önce

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

skippy profil fotoğrafı
skippy1 yıl önce

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

Melvin Vivas profil fotoğrafı
Melvin Vivas1 yıl önce

wow, awesome stuff!

dev dja profil fotoğrafı
dev dja1 yıl önce

Niiiiice, i’ll use it !!!

skippy profil fotoğrafı
skippy1 yıl önce

💥

Liban (lee~ben) Kano profil fotoğrafı
Liban (lee~ben) Kano1 yıl önce

Incredible!

skippy profil fotoğrafı
skippy1 yıl önce

Cheers Liban!

Jordan Mix profil fotoğrafı
Jordan Mix1 yıl önce

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

skippy profil fotoğrafı
skippy1 yıl önce

It’s the perfect match-up

Ward profil fotoğrafı
Ward1 yıl önce

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

skippy profil fotoğrafı
skippy1 yıl önce

Fair point and I’ll make it more accessible 👍

Benzer Videolar

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

100+ stunning gradients you can use in your UI designs. Perfect for hero sections, cards, backgrounds & more UI components. Want it? 💬 Comment “GRAD” 🪄 Follow @skirook ♻️ Repost (Optional) I’ll DM you the gradient pack! 🔥
0:39

100+ stunning gradients you can use in your UI designs. Perfect for hero sections, cards, backgrounds & more UI components. Want it? 💬 Comment “GRAD” 🪄 Follow @skirook ♻️ Repost (Optional) I’ll DM you the gradient pack! 🔥

Raunak

76,118 görüntüleme • 11 ay önce

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

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

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

Create Votes on Luffa — Simple & Interactive 📣 Open your Channel or Group and start a voting topic Set the question you want to discuss Add voting options & choose the duration Publish and collect feedback from your community Whether it’s a Channel or Group, voting on Luffa is fast, easy, and built for real engagement.
1:24

Create Votes on Luffa — Simple & Interactive 📣 Open your Channel or Group and start a voting topic Set the question you want to discuss Add voting options & choose the duration Publish and collect feedback from your community Whether it’s a Channel or Group, voting on Luffa is fast, easy, and built for real engagement.

Luffa

25,387 görüntüleme • 6 ay önce