Загрузка видео...

Не удалось загрузить видео

На главную

How does Stripe do that really cool morphing animation with their menus? See how to easily replicate it with React, Tailwind, and AI:

Steve8708's profile picture

Steve (Builder.io)

133,865 subscribers

147,376 просмотров • 2 лет назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 10

Фото профиля Steve (Builder.io)
Steve (Builder.io)2 лет назад

Full tutorial with links in my latest blog post:

Фото профиля Ham Imports
Ham Imports2 лет назад

Can't help thinking of this:

Фото профиля Ward Peeters
Ward Peeters2 лет назад

Nice one!

Фото профиля Rajat Saxena
Rajat Saxena2 лет назад

This is awesome. Never knew we have achieved this level of AI interactivity. The demo looks 👌.

Фото профиля Ogun
Ogun2 лет назад

Always helpful 👏👏👏

Фото профиля Marshall Brooke 👍
Marshall Brooke 👍2 лет назад

Fantastic, tip of the hat sir.

Фото профиля Mohamed AbdElgwad
Mohamed AbdElgwad2 лет назад

I dont understand the need to store the height in a state. is it because an absolute div is inside another absolute div, we cant set the height to auto ?

Фото профиля lux
lux2 лет назад

Stripe design has always been 🔥🔥

Фото профиля Damu
Damu2 лет назад

@apiKeyQqari

Фото профиля CODE28 • Development Community
CODE28 • Development Community2 лет назад

@Steve8708 I'm not sure I'll ever use it, but thanks anyway😉 that was interesting😎

Похожие видео

How to do the morphing text animation!
0:41

How to do the morphing text animation!

xarr

46,420 просмотров • 1 год назад

WOW! 🤯 In just 2 hours, I built an entire app from scratch that does interior design using AI. No coding, just by prompting step by step. It has: - authentication, db and storage with Supabase - payments with Stripe for credits - prompt enhancement with OpenAI - interior design with Replicate I wanted to see how far I could get by only using AI tools, and I'm honestly mind-blown! 🤯
1:01

WOW! 🤯 In just 2 hours, I built an entire app from scratch that does interior design using AI. No coding, just by prompting step by step. It has: - authentication, db and storage with Supabase - payments with Stripe for credits - prompt enhancement with OpenAI - interior design with Replicate I wanted to see how far I could get by only using AI tools, and I'm honestly mind-blown! 🤯

Florin Pop 👨🏻‍💻

98,811 просмотров • 1 год назад

How brother's react when they see their junior sister with a man, vs how they react when they see their junior brother with a lady 😂
1:46

How brother's react when they see their junior sister with a man, vs how they react when they see their junior brother with a lady 😂

OMAR👑

380,635 просмотров • 5 месяцев назад

Does this woman really think she can do this with Kwadwo Sheldon? 😂 Okay, let’s see how it goes
2:05

Does this woman really think she can do this with Kwadwo Sheldon? 😂 Okay, let’s see how it goes

Beno SarkCess

248,919 просмотров • 1 год назад

The Wolf is out. Good to have friends that know how to do this cool shit with AI
1:10

The Wolf is out. Good to have friends that know how to do this cool shit with AI

Wolf (Rob) F.

26,486 просмотров • 6 месяцев назад

i think what sucks the most about the usage of ai in txt content is that it kills the whole idea of them and how they built their concepts . one of the reasons txt is so loved is because of how artistic and creative their aesthetic is And you cannot replicate it with soulless ai
0:36

i think what sucks the most about the usage of ai in txt content is that it kills the whole idea of them and how they built their concepts . one of the reasons txt is so loved is because of how artistic and creative their aesthetic is And you cannot replicate it with soulless ai

marcie

27,433 просмотров • 5 месяцев назад

This is my new course on building your dream apps with Claude AI I’m detailing all my tips and techniques that went into making my video editor and svg pattern builder. Everything from building with Cursor, ideation, generating UI, prompting to full stack web dev with React, Tailwind, Firebase, Stripe, etc. I’m recording the whole course with my video editor.
3:34

This is my new course on building your dream apps with Claude AI I’m detailing all my tips and techniques that went into making my video editor and svg pattern builder. Everything from building with Cursor, ideation, generating UI, prompting to full stack web dev with React, Tailwind, Firebase, Stripe, etc. I’m recording the whole course with my video editor.

Meng To

117,572 просмотров • 2 лет назад

Google Veo 2 is fantastic when it comes to physics. I put it to the test with a range of outputs to see how liquids and solids would react with each other. What do you think?
1:05

Google Veo 2 is fantastic when it comes to physics. I put it to the test with a range of outputs to see how liquids and solids would react with each other. What do you think?

Jerrod Lew

230,832 просмотров • 1 год назад

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴
0:27

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴

daniel petho

188,521 просмотров • 1 год назад

I'm totally rethinking how I prototype with AI after seeing how Atlassian's design system team does it their approach to "templates" and "recipes" in Figma Make is pretty genius 👇
1:22

I'm totally rethinking how I prototype with AI after seeing how Atlassian's design system team does it their approach to "templates" and "recipes" in Figma Make is pretty genius 👇

Ridd 🤿

86,137 просмотров • 7 месяцев назад

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:
0:40

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:

Lichin Lin

25,219 просмотров • 1 год назад

"I think I'll be an old man before I really realize how special and how cool that was to do with him." Parker McCollum relives performing alongside George Strait at Kyle Field with Marty Smith and Ryan McGee ⤵️
2:30

"I think I'll be an old man before I really realize how special and how cool that was to do with him." Parker McCollum relives performing alongside George Strait at Kyle Field with Marty Smith and Ryan McGee ⤵️

SEC Network

68,024 просмотров • 1 год назад

It’s really cool how AI can bring imagination to life 😍 Made this with Kling 2.6 Kling AI, featuring my Chimpers ✨
0:20

It’s really cool how AI can bring imagination to life 😍 Made this with Kling 2.6 Kling AI, featuring my Chimpers ✨

RafaSimon

34,253 просмотров • 8 месяцев назад

Stopped by @Stripe and Gus Nguyen showed me how their new plugin works with Cursor. You can integrate Stripe in one min!
1:06

Stopped by @Stripe and Gus Nguyen showed me how their new plugin works with Cursor. You can integrate Stripe in one min!

edwin

45,470 просмотров • 6 месяцев назад

How to Create Stickman Animation with AI 100% FREE
4:41

How to Create Stickman Animation with AI 100% FREE

Mustafy | AI Video Creator

72,937 просмотров • 21 дней назад

Kiyan Anthony on the pressure of being Carmelo's son: "I don't think it's pressure ... I like to see how people react and how people are so quick to change their opinions. ... I know what it comes with." 💯
0:26

Kiyan Anthony on the pressure of being Carmelo's son: "I don't think it's pressure ... I like to see how people react and how people are so quick to change their opinions. ... I know what it comes with." 💯

Bleacher Report

213,181 просмотров • 9 месяцев назад

kq really knows how to pick idols, they just don’t know what to do with them afterwards XIKERS’ RAP LINE IS SO COOL AND PEOPLE NEED TO START SEEING IT
0:51

kq really knows how to pick idols, they just don’t know what to do with them afterwards XIKERS’ RAP LINE IS SO COOL AND PEOPLE NEED TO START SEEING IT

isa🐝la

16,708 просмотров • 5 месяцев назад

OG Anunoby says it's "really cool" to know that his tip-in will be immortalized in New York sports history: "Everyone's been telling me how much it means. I obviously see how much it means. It's just really cool to be a part of it and I'm very grateful."
0:28

OG Anunoby says it's "really cool" to know that his tip-in will be immortalized in New York sports history: "Everyone's been telling me how much it means. I obviously see how much it means. It's just really cool to be a part of it and I'm very grateful."

SNY Knicks

128,820 просмотров • 2 месяцев назад