Загрузка видео...

Не удалось загрузить видео

На главную

Recreated the Apple Photos UI with React Aria in just ~200 lines! Complete with virtualized scrolling, view transitions, adjustable waterfall layout, folder tree, search, multi-selection, and accessible drag and drop. Just one of the demos I'm planning for the new docs. 🙂

devongovett's profile picture

Devon Govett

42,206 subscribers

47,441 просмотров • 1 год назад •via X (Twitter)

Наука и технологииИскусство
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Drop everything! Drag and drop support in the React Aria Tree component is here. 🫳🎤 🪜 Reorder and move between levels 🌴 Drop on or between rows 🧩 Interoperable with other components 📜 Auto expanding and scrolling 📂 File and directory support 🎹 Fully keyboard accessible
0:35

Drop everything! Drag and drop support in the React Aria Tree component is here. 🫳🎤 🪜 Reorder and move between levels 🌴 Drop on or between rows 🧩 Interoperable with other components 📜 Auto expanding and scrolling 📂 File and directory support 🎹 Fully keyboard accessible

Devon Govett

18,925 просмотров • 1 год назад

I recreated the iOS list view with React Aria Components and Framer Motion! It has fluid swipe gestures, layout animations, multiple selection mode, and even keyboard support. The code is remarkably small for that much functionality too. Check it out! 🤩
0:21

I recreated the iOS list view with React Aria Components and Framer Motion! It has fluid swipe gestures, layout animations, multiple selection mode, and even keyboard support. The code is remarkably small for that much functionality too. Check it out! 🤩

Devon Govett

90,027 просмотров • 3 лет назад

Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out!
0:37

Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out!

Devon Govett

82,187 просмотров • 8 месяцев назад

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇
1:02

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

244,832 просмотров • 1 год назад

We have been working hard on improving the Antigravity docs and have introduced some new features: - doc search with command bar - copy / view as markdown buttons - better mobile layout - dark mode
0:31

We have been working hard on improving the Antigravity docs and have introduced some new features: - doc search with command bar - copy / view as markdown buttons - better mobile layout - dark mode

Rody Davis

47,890 просмотров • 19 дней назад

Here is just some of the new functionality with the new Rumble Studio Canvas 2.0 - multiple scenes, drag-and-drop media, backgrounds... and more Coming soon
0:40

Here is just some of the new functionality with the new Rumble Studio Canvas 2.0 - multiple scenes, drag-and-drop media, backgrounds... and more Coming soon

Rick Racela

47,490 просмотров • 7 месяцев назад

We just landed some more nice polish to the Google AI Studio UI experience, making file drag and drop more seamless, easier tool selection, better mobile support, and more consistency in the design across the playground and vibe coding experience!
0:33

We just landed some more nice polish to the Google AI Studio UI experience, making file drag and drop more seamless, easier tool selection, better mobile support, and more consistency in the design across the playground and vibe coding experience!

Logan Kilpatrick

80,621 просмотров • 7 месяцев назад

Meet the new MDT for 4.0: Familiar UI, smoother than ever, accessible in and out of the game, with new features such as collab editing, FTO reports and many more features to come after launch. Ultimate goal: No more Google Docs on #NoPixel
1:03

Meet the new MDT for 4.0: Familiar UI, smoother than ever, accessible in and out of the game, with new features such as collab editing, FTO reports and many more features to come after launch. Ultimate goal: No more Google Docs on #NoPixel

nns

314,650 просмотров • 2 лет назад

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.
0:35

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.

Alvaro Cintas

201,011 просмотров • 9 месяцев назад

Clean drag-and-drop UI in Unity 6 UI Toolkit starts with a manipulator. Track pointer down, move, and up in one place, update element position with drag delta, then snap or reset on release. Watch the full video tutorial here:
0:49

Clean drag-and-drop UI in Unity 6 UI Toolkit starts with a manipulator. Track pointer down, move, and up in one place, update element position with drag delta, then snap or reset on release. Watch the full video tutorial here:

Unity for Games

18,937 просмотров • 4 месяцев назад

🦀Crabwalk 1.0.11 🦀 Workspace Editor is live✍️ Monitor your OpenClaw agents AND edit their files—all from the browser. Mobile too. → Browse your agent's files in a tree view → Full file editor with save and delete → Create new files with path selection → Markdown rendering for docs → Mobile-friendly with swipe drawer for file nav
0:24

🦀Crabwalk 1.0.11 🦀 Workspace Editor is live✍️ Monitor your OpenClaw agents AND edit their files—all from the browser. Mobile too. → Browse your agent's files in a tree view → Full file editor with save and delete → Create new files with path selection → Markdown rendering for docs → Mobile-friendly with swipe drawer for file nav

Luciano Castillo

28,693 просмотров • 7 месяцев назад

It's so easy to grow developer products. "Just" build incredible demos that show off the technology's capability. Mixedbread cooked so hard here. Instant multi-modal AI search, demo'd with the National Gallery of Art dataset. Everything just works and looks fire.
0:28

It's so easy to grow developer products. "Just" build incredible demos that show off the technology's capability. Mixedbread cooked so hard here. Instant multi-modal AI search, demo'd with the National Gallery of Art dataset. Everything just works and looks fire.

Guillermo Rauch

75,468 просмотров • 10 месяцев назад

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!
0:36

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

Matt

44,889 просмотров • 10 месяцев назад

Just shipped: the world’s first AI meeting notetaker on Apple Watch! Genspark auto-captures notes on Watch, iPhone, and Android—and integrates with AI Slides, AI Sheets, and AI Docs. The future of work is done with one prompt.
1:54

Just shipped: the world’s first AI meeting notetaker on Apple Watch! Genspark auto-captures notes on Watch, iPhone, and Android—and integrates with AI Slides, AI Sheets, and AI Docs. The future of work is done with one prompt.

Eric Jing

2,527,046 просмотров • 1 год назад

The Stream Chat SDK just got a major redesign. What's new: – Modern UI with two built-in styles (incl. Liquid Glass) – Shared design system across iOS, Android, React, RN, Flutter – Aligned APIs + component names across platforms – More control with improved ViewFactory + styling In beta for the next 2 weeks. Docs for each SDK in the thread ↓
0:48

The Stream Chat SDK just got a major redesign. What's new: – Modern UI with two built-in styles (incl. Liquid Glass) – Shared design system across iOS, Android, React, RN, Flutter – Aligned APIs + component names across platforms – More control with improved ViewFactory + styling In beta for the next 2 weeks. Docs for each SDK in the thread ↓

Stream

2,551,321 просмотров • 5 месяцев назад

🚨 BREAKING: GlobalGPT, the ultimate all-in-one AI platform, just rolled out the biggest update. • Brand-new UI – refreshed layout with smarter tool picks • Upgraded video & image studio – Veo 3 & Kling added now • Model Explorer – multi-dimensional profiles that reveal each model’s capabilities and let you rate and compare them instantly • Access ChatGPT, Claude, Midjourney and 80+ top models all in one place. visit:
0:22

🚨 BREAKING: GlobalGPT, the ultimate all-in-one AI platform, just rolled out the biggest update. • Brand-new UI – refreshed layout with smarter tool picks • Upgraded video & image studio – Veo 3 & Kling added now • Model Explorer – multi-dimensional profiles that reveal each model’s capabilities and let you rate and compare them instantly • Access ChatGPT, Claude, Midjourney and 80+ top models all in one place. visit:

GlobalGPT

82,561 просмотров • 1 год назад

In the first revamped edition of Fridays' #BinanceBuild, it’s all about the charts 📊 🔶 Drag & drop active alerts with ease 🔶 View average sell costs on charts 🔶 Display up to 24 charts in multi-chart view 🔶 Enable inverted view for multi-charts Try it out 👇
0:24

In the first revamped edition of Fridays' #BinanceBuild, it’s all about the charts 📊 🔶 Drag & drop active alerts with ease 🔶 View average sell costs on charts 🔶 Display up to 24 charts in multi-chart view 🔶 Enable inverted view for multi-charts Try it out 👇

Binance

122,961 просмотров • 2 лет назад

📣Big news! We just released a new capture mode that lets you take 360 photos with just your iPhone for free. The main stitching happens on-device in ~15 s, and then we complete the sphere with stable diffusion🌎
0:45

📣Big news! We just released a new capture mode that lets you take 360 photos with just your iPhone for free. The main stitching happens on-device in ~15 s, and then we complete the sphere with stable diffusion🌎

polycam

261,441 просмотров • 3 лет назад

Introducing the all-new Jitter! 💫 With a completely new UI, tons of new features, and one mission: make motion design accessible to anyone. Check it out at
0:20

Introducing the all-new Jitter! 💫 With a completely new UI, tons of new features, and one mission: make motion design accessible to anyone. Check it out at

Jitter

302,853 просмотров • 3 лет назад