Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Don't know what it's called but made this component with React and Tailwind in 1 hour

samirande_'s profile picture

Sam ☕

13,557 subscribers

528,265 görüntüleme • 8 ay önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css
0:28

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

Robin Delta

41,075 görüntüleme • 2 yıl önce

I’ve had this for a while Built with React,tailwind and Appwrite
0:45

I’ve had this for a while Built with React,tailwind and Appwrite

Your_TechSis🌐

20,803 görüntüleme • 2 yıl önce

I don't know who made this But it's peak 🤣
1:48

I don't know who made this But it's peak 🤣

I'm Bisly 🏴‍☠️

3,898,743 görüntüleme • 8 ay önce

I Don't Know Who Made This But It's Peak 🔥
0:39

I Don't Know Who Made This But It's Peak 🔥

Makima

139,562 görüntüleme • 6 ay önce

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure
0:54

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

david fant

323,395 görüntüleme • 5 ay önce

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:
0:47

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:

DesignCode

65,856 görüntüleme • 1 yıl önce

I don't know who made this, but it's peak 🔥 Cute🥰
0:31

I don't know who made this, but it's peak 🔥 Cute🥰

Ravan

1,225,428 görüntüleme • 7 ay önce

Found this on Reddit, don't know who made it but it's fucking hilarious
1:18

Found this on Reddit, don't know who made it but it's fucking hilarious

Robin

12,693 görüntüleme • 1 yıl önce

I don't know what this is but it's not human. 😳
2:11

I don't know what this is but it's not human. 😳

Blonde of War (JJ)

117,198 görüntüleme • 1 ay önce

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇
1:02

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

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

I don't know if this is what they found, but it's what they found.
2:06

I don't know if this is what they found, but it's what they found.

PatriotDadEV2.0

157,252 görüntüleme • 1 yıl önce

I watched this entire video twice and I still don't know what they made. It's a cool process tho.
2:31

I watched this entire video twice and I still don't know what they made. It's a cool process tho.

Sovey

46,414 görüntüleme • 7 ay önce

they don't know that i paid with this thing called the... Crypto-Currency it's 2025.
0:48

they don't know that i paid with this thing called the... Crypto-Currency it's 2025.

Solayer Pay

274,911 görüntüleme • 10 ay önce

how does React know if a component renders?
0:56

how does React know if a component renders?

Aiden Bai

82,064 görüntüleme • 1 yıl önce

ThiingsGrid (the infinite grid component used in thiings[.]co) is now open source! I made a little playground to explore the component. It's a single React+TS file with 0 other dependencies, so easy to drop into your project. Check it out an lmk what you think! Repo 👇
0:25

ThiingsGrid (the infinite grid component used in thiings[.]co) is now open source! I made a little playground to explore the component. It's a single React+TS file with 0 other dependencies, so easy to drop into your project. Check it out an lmk what you think! Repo 👇

Charlie Clark

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

we've literally been flying blind until now $ interpreter --vision > Recreate this component in Tailwind CSS (this is realtime)
0:30

we've literally been flying blind until now $ interpreter --vision > Recreate this component in Tailwind CSS (this is realtime)

killian

780,848 görüntüleme • 2 yıl önce

I don't know who made this Star Trek themed gem, but it's amazing. William Shatner with a mullet, Klingon motorcycle gangs, and a Gorn playing fiddle? Beam me up!
2:38

I don't know who made this Star Trek themed gem, but it's amazing. William Shatner with a mullet, Klingon motorcycle gangs, and a Gorn playing fiddle? Beam me up!

Brick Suit

55,176 görüntüleme • 9 ay önce