正在加载视频...

视频加载失败

返回首页

Card Swap Interactive Component

cabralorenzo's profile picture

Lorenzo Cabra

6,659 subscribers

14,587 次观看 • 6 天前 •via X (Twitter)

艺术科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

15 条评论

Lorenzo Cabra 的头像
Lorenzo Cabra6 天前

Available on 🐐

Loki 的头像
Loki5 天前

the depth in the stack does a lot here. you can tell how many cards are left without a counter

Aryan 的头像
Aryan6 天前

cool ✨

spenf 的头像
spenf6 天前

this on mobile is definitely gonna be cool

Watts 的头像
Watts6 天前

that flip is so clean, the shadow timing on the swap is what sells it

DesignBea🎀 的头像
DesignBea🎀5 天前

Awesome work🤩

Tofael Nija 的头像
Tofael Nija5 天前

Connected! 🤝

Jace Yao 的头像
Jace Yao6 天前

👍

Mohan 的头像
Mohan5 天前

What tech do you use for animations? Motion or gsap or something else?

Urs ₿estermann 的头像
Urs ₿estermann6 天前

Navigating through cards with a mouse is horrible.

BestSaaSWebDesigns 的头像
BestSaaSWebDesigns5 天前

This looks dope ngl

Andrew Galaiko 的头像
Andrew Galaiko6 天前

i tried the live version — clicking the front card works too. handy when you just want to browse the stack without dragging.

Dirck 的头像
Dirck5 天前

Super clean man, i really like it

Fasil · AI, actually interesting 的头像
Fasil · AI, actually interesting5 天前

the stacked depth here does all the work — you get the card order instantly with zero text. this is getting stolen into a hundred decks apps lol

Gurkaran Singh 的头像
Gurkaran Singh6 天前

indians are gonna laugh at this domain

相关视频

Analytics card component made with Claude
0:21

Analytics card component made with Claude

Kailash

47,451 次观看 • 6 个月前

Vibe coded this interactive hero component. Took me a few hours.
0:34

Vibe coded this interactive hero component. Took me a few hours.

Tommy Geoco 🇺🇸

69,800 次观看 • 9 个月前

<WebSearch/> an interactive component for AI agent sources and citations.
0:24

<WebSearch/> an interactive component for AI agent sources and citations.

Swami

20,479 次观看 • 26 天前

Built this Holo Card component, huge nerd moment. Lots of patterns and sliders to play around with.
0:28

Built this Holo Card component, huge nerd moment. Lots of patterns and sliders to play around with.

David Haz

15,176 次观看 • 29 天前

🔥 Mahoraga Interactive Card | Anime Pocket TCG illus. @T3Tech0 .gg/AnimePocket #RobloxDev #RobloxUI #AnimePocket
1:18

🔥 Mahoraga Interactive Card | Anime Pocket TCG illus. @T3Tech0 .gg/AnimePocket #RobloxDev #RobloxUI #AnimePocket

Zack

24,267 次观看 • 1 年前

In today's tutorial, you can learn how to make an interactive vibrant card animation in Rive. By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.
3:23

In today's tutorial, you can learn how to make an interactive vibrant card animation in Rive. By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.

Alex Barashkov

51,275 次观看 • 3 年前

The new React Aria docs will have interactive prop controls that update both the component and the code. Configure, test, and copy into your app!
0:24

The new React Aria docs will have interactive prop controls that update both the component and the code. Configure, test, and copy into your app!

Devon Govett

16,202 次观看 • 1 年前

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component
0:32

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component

Alex Sidorenko

50,631 次观看 • 1 年前

This tool turns your images into interactive 3D composition with physics, lighting, and materials Export a ready-to-use React component for your website. It's free. →
4:17

This tool turns your images into interactive 3D composition with physics, lighting, and materials Export a ready-to-use React component for your website. It's free. →

AmirMušić

10,387 次观看 • 2 个月前

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:
0:33

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:

Webflow

19,997 次观看 • 1 年前

Smokin tape from Jamarion Blount aka Fat Blount! Use code RAWROOM10 at for 10% off your interactive trading card LGCY
2:09

Smokin tape from Jamarion Blount aka Fat Blount! Use code RAWROOM10 at for 10% off your interactive trading card LGCY

Raw Room

12,715 次观看 • 11 个月前

Cooked up a little interactive game card with Rive for a space game 👽 🧵 Should I drop a tutorial?
0:21

Cooked up a little interactive game card with Rive for a space game 👽 🧵 Should I drop a tutorial?

Izmahsa

132,911 次观看 • 1 年前

Tough tape from Jaylee Abraham this week! 😤 Use code RAWROOM10 at LGCY for 10% off your interactive trading card
1:53

Tough tape from Jaylee Abraham this week! 😤 Use code RAWROOM10 at LGCY for 10% off your interactive trading card

Raw Room

21,954 次观看 • 10 个月前

This weeks tape winner is Tyree Wilson 🔥 Use code RAWROOM10 at for 10% off your interactive trading card LGCY
1:49

This weeks tape winner is Tyree Wilson 🔥 Use code RAWROOM10 at for 10% off your interactive trading card LGCY

Raw Room

15,462 次观看 • 1 年前

Strong Academy tape this week from Gary Jefferson Jr 😤! Use code RAWROOM10 at LGCY for 10% off your interactive trading card.
2:00

Strong Academy tape this week from Gary Jefferson Jr 😤! Use code RAWROOM10 at LGCY for 10% off your interactive trading card.

Raw Room

13,747 次观看 • 9 个月前

Got us a 🔥 RB tape from Kelvin Morrison this week! Use code RAWROOM10 at for 10% off your interactive trading card LGCY
1:49

Got us a 🔥 RB tape from Kelvin Morrison this week! Use code RAWROOM10 at for 10% off your interactive trading card LGCY

Raw Room

12,221 次观看 • 1 年前

Interactive "knob" component with different configs for each CSS filter. • sensible default value • pixel values based on user nudge preferences • ±10% shift nudge for percentage values, ±15° for degrees • round to nearest step when holding ⇧
0:57

Interactive "knob" component with different configs for each CSS filter. • sensible default value • pixel values based on user nudge preferences • ±10% shift nudge for percentage values, ±15° for degrees • round to nearest step when holding ⇧

Hugo

11,586 次观看 • 3 个月前

your browser agents can now complete online purchases without ever touching card data. agents on KERNEL now pay on checkout pages using aliases, not card data. we swap in the real credential at egress, so card numbers never touch your agent's runtime or context.
0:20

your browser agents can now complete online purchases without ever touching card data. agents on KERNEL now pay on checkout pages using aliases, not card data. we swap in the real credential at egress, so card numbers never touch your agent's runtime or context.

KERNEL

77,180 次观看 • 1 个月前

BTOB and N Flying soft launching their concert on Kwang's Room is not in my bingo card. This song swap is crazy.
1:19

BTOB and N Flying soft launching their concert on Kwang's Room is not in my bingo card. This song swap is crazy.

🍀

20,397 次观看 • 2 年前