Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Sam ☕

13,557 subscribers

528,265 views • 8 months ago •via X (Twitter)

Arts Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

Robin Delta

41,075 views • 2 years ago

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

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

Your_TechSis🌐

20,803 views • 2 years ago

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

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

I'm Bisly 🏴‍☠️

3,899,163 views • 8 months ago

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

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

Makima

139,562 views • 6 months ago

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

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,765 views • 5 months ago

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:

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 views • 1 year ago

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

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

Ravan

1,225,428 views • 7 months ago

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

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

Robin

12,693 views • 1 year ago

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

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

Blonde of War (JJ)

117,198 views • 1 month ago

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. 👇

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,934 views • 11 months ago

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.

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 views • 1 year ago

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

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

PatriotDadEV2.0

157,252 views • 1 year ago

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

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

Sovey

46,414 views • 7 months ago

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

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

Solayer Pay

274,911 views • 11 months ago

how does React know if a component renders?

how does React know if a component renders?

Aiden Bai

82,064 views • 1 year ago

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 👇

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 views • 1 year ago

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

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

killian

780,864 views • 2 years ago

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!

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 views • 9 months ago