正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Inspector Interactive Component

Lorenzo Cabra

6,897 subscribers

33,572 次观看 • 2 天前 •via X (Twitter)

艺术科学技术

Anya Rossi• Live Now

Private livecam show

29 条评论

Sven 的头像

Sven2 天前

Looks familiar.. 🫠

Lorenzo Cabra 的头像

Lorenzo Cabra2 天前

Nice one, yours is better 🔥

Lorenzo Cabra 的头像

Lorenzo Cabra2 天前

Now on 🐐

leo 的头像

leo2 天前

fuck this is proper shit. dk when i would ever use it but its so cool

Lorenzo Cabra 的头像

Lorenzo Cabra2 天前

fair 😂

Mr Nurul 的头像

Mr Nurul2 天前

Love this

Lorenzo Cabra 的头像

Lorenzo Cabra2 天前

thanks man!

Adeline | AstraOS 的头像

Adeline | AstraOS2 天前

I agree with @imharshin this should defo be a plugin!

Lorenzo Cabra 的头像

Lorenzo Cabra2 天前

@imharshin 🤔

Artemi Vaarakallio 的头像

Artemi Vaarakallio2 天前

realy really love this idea man!

Anas Karatela 的头像

Anas Karatela2 天前

🔥

Harsh Sharma 的头像

Harsh Sharma2 天前

This should be a plugin

Aryan 的头像

Aryan2 天前

Don't know where to use it but damn it's cool 🔥

Crownz | AI & Design 的头像

Crownz | AI & Design2 天前

Nice execution

Lorenzo Cabra 的头像

Lorenzo Cabra2 天前

Thanks ✨

Daniel Saka 的头像

Daniel Saka2 天前

this feels so alive 🔥

MixRoute AI 的头像

MixRoute AI2 天前

Will definitely check it out.

Prosto Vaska 的头像

Prosto Vaska2 天前

That's exactly what I need

Worf 的头像

Worf2 天前

Style over substance.

Chandan · Product Design 的头像

Chandan · Product Design2 天前

I will try this , seems a good tool

Marco Fortes 的头像

Marco Fortes2 天前

I mean looks nice but why keep pressing a button when you can simply toggle it

AETHER 的头像

AETHER2 天前

that's great component

Mohan 的头像

Mohan2 天前

How do you create components for this? Like how do yo plan it?

Hamed 的头像

Hamed2 天前

Nice 😊

Harsh Singh 的头像

Harsh Singh1 天前

should’ve credited @svenma3, this was his original idea and his post got less than 1/5th the interactions 😔

Regen 的头像

Regen2 天前

cool 太有用了

kev 的头像

kev2 天前

this looks so cool dude! how would you actually use that tho?

Ashvin Suthar 的头像

Ashvin Suthar2 天前

Nice ! Is this web or Figma ?

Lorenzo Cabra 的头像

Lorenzo Cabra2 天前

Web

相关视频

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

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.

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

Swami

20,479 次观看 • 29 天前

made an inspector component to quickly change appearance for my terrain generator #unity #gamedev #b3d

made an inspector component to quickly change appearance for my terrain generator #unity #gamedev #b3d

100drips

16,966 次观看 • 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!

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

"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. →

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 个月前

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 ⇧

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 个月前

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

David Haz

1,429,190 次观看 • 3 个月前

Huge update to the Make It Animated Preview App 🎉 New stuff: 🔍 Search by animation, app, component, or tech 🧭 More interactive navigation ⚙️ Better DX + small fixes Working on filters now 🧩 Try it out:

Huge update to the Make It Animated Preview App 🎉 New stuff: 🔍 Search by animation, app, component, or tech 🧭 More interactive navigation ⚙️ Better DX + small fixes Working on filters now 🧩 Try it out:

make it animated

34,247 次观看 • 11 个月前

In MagicPath every component is a conversation. Edit and refine, either manually or with AI. Design is the art of keeping good decisions. MagicPath lets you copy and paste interactive components across the canvas to explore and perfect your ideas.

In MagicPath every component is a conversation. Edit and refine, either manually or with AI. Design is the art of keeping good decisions. MagicPath lets you copy and paste interactive components across the canvas to explore and perfect your ideas.

Pietro Schirano

53,164 次观看 • 1 年前

Arrow Dynamics (by Framer.zip) is a single code-component library that lets you create interactive 2D animations and patterns right inside Framer 🎛️ Tried to create something different for the landing page. (Link ↓) P.S: Flat design is over ✨

Arrow Dynamics (by Framer.zip) is a single code-component library that lets you create interactive 2D animations and patterns right inside Framer 🎛️ Tried to create something different for the landing page. (Link ↓) P.S: Flat design is over ✨

Rahul Chakraborty

107,926 次观看 • 3 年前

I am at the 4th iteration on the pixel inspector and light path debugging tool. Eventually I moved the path collection to the GPU, so I don't have to toggle between CPU and GPU rendering, making the visualization fully interactive.

I am at the 4th iteration on the pixel inspector and light path debugging tool. Eventually I moved the path collection to the GPU, so I don't have to toggle between CPU and GPU rendering, making the visualization fully interactive.

Max Liani

83,531 次观看 • 2 年前

introducing: blur cycle component for Framer use this component to cycle through different words or phrases with a crazy smoooooth blur transition. comment "BLUR" and I’ll send you the component. :)

introducing: blur cycle component for Framer use this component to cycle through different words or phrases with a crazy smoooooth blur transition. comment "BLUR" and I’ll send you the component. :)

Framer University

10,458 次观看 • 1 年前

Component anatomy standard I have been building at Well to break any component down to its smallest primitive

Component anatomy standard I have been building at Well to break any component down to its smallest primitive

Paulius

372,664 次观看 • 2 个月前

How to refactor an existing client component into a server component? 1. Move the state to the URL 2. Move data fetching to the server 3. Isolate interactivity into a smaller client component

How to refactor an existing client component into a server component? 1. Move the state to the URL 2. Move data fetching to the server 3. Isolate interactivity into a smaller client component

Alex Sidorenko

112,417 次观看 • 3 年前

Nuxt UI v4.11 is here! 🎊 ↔️ New Splitter component 📊 New ProgressGroup component ⚡️ Snappier motion with a shared easing curve 🌳 Component detection to tree-shake CSS in Vue ...and plenty more:

Nuxt UI v4.11 is here! 🎊 ↔️ New Splitter component 📊 New ProgressGroup component ⚡️ Snappier motion with a shared easing curve 🌳 Component detection to tree-shake CSS in Vue ...and plenty more:

Benjamin Canac

15,769 次观看 • 2 个月前

Inspector Gadget ❤️

Inspector Gadget ❤️

Swordinet 🇪🇸

18,662 次观看 • 3 个月前

New Framer component drop: Grid Warp ⚡️ Interactive, grid-based image distortion with smooth release + chromatic aberration. And of course, no code needed (that was my job). Comment “WARP” and I’ll send it to you for free. P.S. Follow me so I can DM you.

New Framer component drop: Grid Warp ⚡️ Interactive, grid-based image distortion with smooth release + chromatic aberration. And of course, no code needed (that was my job). Comment “WARP” and I’ll send it to you for free. P.S. Follow me so I can DM you.

David McBacon

13,267 次观看 • 1 年前