正在加载视频...

视频加载失败

返回首页

Built a quick little resizable elastic min/max width sidebar using Motion primitives.

PixelJanitor's profile picture

Derek Briggs

10,555 subscribers

34,183 次观看 • 16 天前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

keyboard-accessible resizable sidebar was achieved: - increased action area - cursor stays the same while dragging, no flickering - double-click to reset to default width - arrows for 10px resize - shift + arrows for 50px resize
0:24

keyboard-accessible resizable sidebar was achieved: - increased action area - cursor stays the same while dragging, no flickering - double-click to reset to default width - arrows for 10px resize - shift + arrows for 50px resize

dmytro

95,611 次观看 • 8 个月前

Neat piece is the responsive morph using CSS min() ✨ [popover] { transition-property: display, width, height; transition-behavior: allow-discrete; width: anchor-size(width); @​starting-style { width: min(640px, 100vw - 2rem); }}
0:22

Neat piece is the responsive morph using CSS min() ✨ [popover] { transition-property: display, width, height; transition-behavior: allow-discrete; width: anchor-size(width); @​starting-style { width: min(640px, 100vw - 2rem); }}

jhey ʕ•ᴥ•ʔ

64,806 次观看 • 1 年前

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.
0:26

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Ibelick

27,854 次观看 • 1 年前

I couldn't resist doing a quick little animation using @sentinelWinder 's model. Yummy hoomans!
0:21

Sensitive content

I couldn't resist doing a quick little animation using @sentinelWinder 's model. Yummy hoomans!

🔞 Danger N00dle 🔞

37,472 次观看 • 2 年前

Study, dissect, and recreate this motion design in under 10 minutes using Lottielab Quick impromptu tutorial
11:16

Study, dissect, and recreate this motion design in under 10 minutes using Lottielab Quick impromptu tutorial

Daryl Patigas

224,183 次观看 • 10 个月前

I had a lot of fun building this crate using the non-destructive primitives in Adobe Substance 3D Modeler. Built entirely in desktop, no VR for this one. #madewithsubstance #substance3d #substance3dpainter #substance3dmodeler
0:59

I had a lot of fun building this crate using the non-destructive primitives in Adobe Substance 3D Modeler. Built entirely in desktop, no VR for this one. #madewithsubstance #substance3d #substance3dpainter #substance3dmodeler

Gio Nakpil

27,513 次观看 • 1 年前

Quick little intro to Figma Motion, and doing things the old fashioned manual way.
29:29

Quick little intro to Figma Motion, and doing things the old fashioned manual way.

Gary Simon

22,122 次观看 • 1 个月前

💡8 new figma tips shared at #config23!!! How to add and organize your new variables, use auto layout wrap, set max/min width, and more!!.. 👇
0:34

💡8 new figma tips shared at #config23!!! How to add and organize your new variables, use auto layout wrap, set max/min width, and more!!.. 👇

Molly Hellmuth Tsacudakis

101,205 次观看 • 3 年前

That satisfying seconds-hand tween. Just a fast tween using elastic easing function
0:28

That satisfying seconds-hand tween. Just a fast tween using elastic easing function

sleitnick

20,358 次观看 • 1 年前

pov: your vibecoder friend demoing what he built using his $200 claude code max plan
0:58

pov: your vibecoder friend demoing what he built using his $200 claude code max plan

dev

395,731 次观看 • 5 个月前

A stop-motion fight using laundry
0:30

A stop-motion fight using laundry

Interesting AF

73,310 次观看 • 2 年前

POV: your vibe coder friend showing you what he built using his $200 claude code max plan
0:55

POV: your vibe coder friend showing you what he built using his $200 claude code max plan

Om Patel

357,593 次观看 • 5 个月前

what HyperFrames + Claude Code can do: motion video done with 2 prompts, 10 mins. here's a quick 4-min tutorial on how you do it yourself link in thread:
4:11

what HyperFrames + Claude Code can do: motion video done with 2 prompts, 10 mins. here's a quick 4-min tutorial on how you do it yourself link in thread:

Bin Liu

44,522 次观看 • 3 个月前

🎉 Announcing Radix Themes—a beautiful, open source component library that’s built on top of the primitives so many developers love.
0:37

🎉 Announcing Radix Themes—a beautiful, open source component library that’s built on top of the primitives so many developers love.

Radix by WorkOS

297,712 次观看 • 3 年前

3️⃣ Add some filters: ➢ Liquidity: $10k ➢ MCap: $100k - $1M ➢ Max pair age: 72 hrs ➢ Min 24h buys: 50 ➢ Min 24h sells: 30 ➢ Min 5m txns: 10 Using these filters, pick any token.
0:41

3️⃣ Add some filters: ➢ Liquidity: $10k ➢ MCap: $100k - $1M ➢ Max pair age: 72 hrs ➢ Min 24h buys: 50 ➢ Min 24h sells: 30 ➢ Min 5m txns: 10 Using these filters, pick any token.

Rekt Fencer

21,113 次观看 • 2 年前

Raising a little garden from latent space On M2 Max, using SD 1.5, ControlNet, TripoSR, and three.js. Sped up for brevity.
1:45

Raising a little garden from latent space On M2 Max, using SD 1.5, ControlNet, TripoSR, and three.js. Sped up for brevity.

Evan Jones

110,369 次观看 • 2 年前