Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Inspector Interactive Component

cabralorenzo's profile picture

Lorenzo Cabra

6,897 subscribers

33,572 Aufrufe • vor 2 Tagen •via X (Twitter)

KunstWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

29 Kommentare

Profilbild von Sven
Svenvor 2 Tagen

Looks familiar.. 🫠

Profilbild von Lorenzo Cabra
Lorenzo Cabravor 2 Tagen

Nice one, yours is better 🔥

Profilbild von Lorenzo Cabra
Lorenzo Cabravor 2 Tagen

Now on 🐐

Profilbild von leo
leovor 2 Tagen

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

Profilbild von Lorenzo Cabra
Lorenzo Cabravor 2 Tagen

fair 😂

Profilbild von Mr Nurul
Mr Nurulvor 2 Tagen

Love this

Profilbild von Lorenzo Cabra
Lorenzo Cabravor 2 Tagen

thanks man!

Profilbild von Adeline | AstraOS
Adeline | AstraOSvor 2 Tagen

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

Profilbild von Lorenzo Cabra
Lorenzo Cabravor 2 Tagen

@imharshin 🤔

Profilbild von Artemi Vaarakallio
Artemi Vaarakalliovor 2 Tagen

realy really love this idea man!

Profilbild von Anas Karatela
Anas Karatelavor 2 Tagen

🔥

Profilbild von Harsh Sharma
Harsh Sharmavor 2 Tagen

This should be a plugin

Profilbild von Aryan
Aryanvor 2 Tagen

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

Profilbild von Crownz | AI & Design
Crownz | AI & Designvor 2 Tagen

Nice execution

Profilbild von Lorenzo Cabra
Lorenzo Cabravor 2 Tagen

Thanks ✨

Profilbild von Daniel Saka
Daniel Sakavor 2 Tagen

this feels so alive 🔥

Profilbild von MixRoute AI
MixRoute AIvor 2 Tagen

Will definitely check it out.

Profilbild von Prosto Vaska
Prosto Vaskavor 2 Tagen

That's exactly what I need

Profilbild von Worf
Worfvor 2 Tagen

Style over substance.

Profilbild von Chandan · Product Design
Chandan · Product Designvor 2 Tagen

I will try this , seems a good tool

Profilbild von Marco Fortes
Marco Fortesvor 2 Tagen

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

Profilbild von AETHER
AETHERvor 2 Tagen

that's great component

Profilbild von Mohan
Mohanvor 2 Tagen

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

Profilbild von Hamed
Hamedvor 2 Tagen

Nice 😊

Profilbild von Harsh Singh
Harsh Singhvor 1 Tag

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

Profilbild von Regen
Regenvor 2 Tagen

cool 太有用了

Profilbild von kev
kevvor 2 Tagen

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

Profilbild von Ashvin Suthar
Ashvin Sutharvor 2 Tagen

Nice ! Is this web or Figma ?

Profilbild von Lorenzo Cabra
Lorenzo Cabravor 2 Tagen

Web

Ähnliche Videos

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 Aufrufe • vor 9 Monaten

<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 Aufrufe • vor 29 Tagen

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

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

100drips

16,966 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

"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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 3 Monaten

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. 🧵
0:48

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 Aufrufe • vor 3 Monaten

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:
0:24

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 Aufrufe • vor 11 Monaten

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.
1:00

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 Aufrufe • vor 1 Jahr

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 ✨
0:45

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 Aufrufe • vor 3 Jahren

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.
1:47

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 Aufrufe • vor 2 Jahren

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. :)
0:22

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 Aufrufe • vor 1 Jahr

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

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

Paulius

372,664 Aufrufe • vor 2 Monaten

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
0:56

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 Aufrufe • vor 3 Jahren

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:
0:22

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 Aufrufe • vor 2 Monaten

Inspector Gadget ❤️
1:12

Inspector Gadget ❤️

Swordinet 🇪🇸

18,662 Aufrufe • vor 3 Monaten

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.
0:46

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 Aufrufe • vor 1 Jahr