Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Inspector Interactive Component

cabralorenzo's profile picture

Lorenzo Cabra

6,897 subscribers

33,572 görüntüleme • 2 gün önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

29 Yorum

Sven profil fotoğrafı
Sven2 gün önce

Looks familiar.. 🫠

Lorenzo Cabra profil fotoğrafı
Lorenzo Cabra2 gün önce

Nice one, yours is better 🔥

Lorenzo Cabra profil fotoğrafı
Lorenzo Cabra2 gün önce

Now on 🐐

leo profil fotoğrafı
leo2 gün önce

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

Lorenzo Cabra profil fotoğrafı
Lorenzo Cabra2 gün önce

fair 😂

Mr Nurul profil fotoğrafı
Mr Nurul2 gün önce

Love this

Lorenzo Cabra profil fotoğrafı
Lorenzo Cabra2 gün önce

thanks man!

Adeline | AstraOS profil fotoğrafı
Adeline | AstraOS2 gün önce

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

Lorenzo Cabra profil fotoğrafı
Lorenzo Cabra2 gün önce

@imharshin 🤔

Artemi Vaarakallio profil fotoğrafı
Artemi Vaarakallio2 gün önce

realy really love this idea man!

Anas Karatela profil fotoğrafı
Anas Karatela2 gün önce

🔥

Harsh Sharma profil fotoğrafı
Harsh Sharma2 gün önce

This should be a plugin

Aryan profil fotoğrafı
Aryan2 gün önce

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

Crownz | AI & Design profil fotoğrafı
Crownz | AI & Design2 gün önce

Nice execution

Lorenzo Cabra profil fotoğrafı
Lorenzo Cabra2 gün önce

Thanks ✨

Daniel Saka profil fotoğrafı
Daniel Saka2 gün önce

this feels so alive 🔥

MixRoute AI profil fotoğrafı
MixRoute AI2 gün önce

Will definitely check it out.

Prosto Vaska profil fotoğrafı
Prosto Vaska2 gün önce

That's exactly what I need

Worf profil fotoğrafı
Worf2 gün önce

Style over substance.

Chandan · Product Design profil fotoğrafı
Chandan · Product Design2 gün önce

I will try this , seems a good tool

Marco Fortes profil fotoğrafı
Marco Fortes2 gün önce

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

AETHER profil fotoğrafı
AETHER2 gün önce

that's great component

Mohan profil fotoğrafı
Mohan2 gün önce

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

Hamed profil fotoğrafı
Hamed2 gün önce

Nice 😊

Harsh Singh profil fotoğrafı
Harsh Singh1 gün önce

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

Regen profil fotoğrafı
Regen2 gün önce

cool 太有用了

kev profil fotoğrafı
kev2 gün önce

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

Ashvin Suthar profil fotoğrafı
Ashvin Suthar2 gün önce

Nice ! Is this web or Figma ?

Lorenzo Cabra profil fotoğrafı
Lorenzo Cabra2 gün önce

Web

Benzer Videolar

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 görüntüleme • 9 ay önce

<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 görüntüleme • 29 gün önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

"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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 2 ay önce

Inspector Gadget ❤️
1:12

Inspector Gadget ❤️

Swordinet 🇪🇸

18,662 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce