Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Base UI Popover with the detached triggers API.

colmtuite's profile picture

Colm Tuite

10,411 subscribers

45,089 görüntüleme • 26 gün önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Detached triggers coming to Base UI Preview Card soon.
0:10

Detached triggers coming to Base UI Preview Card soon.

Colm Tuite

40,337 görüntüleme • 5 ay önce

The Popover API puts your UI on a separate top layer so you can stop fighting with focus management. Plus backdrop styling so short it fits here: [popover]::backdrop { background: rgb(52, 168, 83); backdrop-filter: blur(3px); } Build more with less code→
0:13

The Popover API puts your UI on a separate top layer so you can stop fighting with focus management. Plus backdrop styling so short it fits here: [popover]::backdrop { background: rgb(52, 168, 83); backdrop-filter: blur(3px); } Build more with less code→

Chrome for Developers

40,779 görüntüleme • 7 ay önce

soon: redesigning my site homepage with some spring interactions w/ Motion Base UI
0:19

soon: redesigning my site homepage with some spring interactions w/ Motion Base UI

tobi

13,641 görüntüleme • 5 ay önce

New multi-select shipping in the next Base UI release.
0:10

New multi-select shipping in the next Base UI release.

Colm Tuite

18,683 görüntüleme • 11 ay önce

finally shadcn combobox with creatable support built with Base UI I have been waiting for this for too long npx shadcn add @flowkit-ui/creatable-combobox
0:18

finally shadcn combobox with creatable support built with Base UI I have been waiting for this for too long npx shadcn add @flowkit-ui/creatable-combobox

Ali Bey

25,785 görüntüleme • 2 ay önce

HTML y CSS para crear un menú lateral animado usando la API de popover y la regla CSS starting-style. Sin JavaScript.
0:10

HTML y CSS para crear un menú lateral animado usando la API de popover y la regla CSS starting-style. Sin JavaScript.

Miguel Ángel Durán

20,113 görüntüleme • 1 yıl önce

New xgate almost ready.... - better UI/UX - API docs - 8004 search with API (+ agent rank) - x402 resource search (API) - MCP docs (yes, you can add to claude code) dreaming Daydreams.Systems (x402, 8004 agents)
0:16

New xgate almost ready.... - better UI/UX - API docs - 8004 search with API (+ agent rank) - x402 resource search (API) - MCP docs (yes, you can add to claude code) dreaming Daydreams.Systems (x402, 8004 agents)

loaf

10,798 görüntüleme • 5 ay önce

No-JS hamburger menu w/the popover API: Browser handles: - clicks on hamburger & close btns - esc key to exit - tab nav - spacebar + enter key toggle (open & close) - light dismiss (click away) close How: <btn popovertarget="menu">..</> <div popover role="menu" id="menu">..</>
0:15

No-JS hamburger menu w/the popover API: Browser handles: - clicks on hamburger & close btns - esc key to exit - tab nav - spacebar + enter key toggle (open & close) - light dismiss (click away) close How: <btn popovertarget="menu">..</> <div popover role="menu" id="menu">..</>

Una 🇺🇦

379,669 görüntüleme • 2 yıl önce

The way the Base UI team cares about UX details is just insane
0:10

The way the Base UI team cares about UX details is just insane

Pasquale Vitiello

58,613 görüntüleme • 8 ay önce

Took the upcoming Base UI DnD primitive for a test drive today.
0:17

Took the upcoming Base UI DnD primitive for a test drive today.

Colm Tuite

45,303 görüntüleme • 1 ay önce

React Aria Components v1.19.0 is out! ✨ Autocomplete now supports inline completions (e.g. mentions), and a new Popover API enables positioning relative to the cursor. Also, text inputs can now be nested inside GridList and Tree without interfering with arrow key navigation!
0:16

React Aria Components v1.19.0 is out! ✨ Autocomplete now supports inline completions (e.g. mentions), and a new Popover API enables positioning relative to the cursor. Also, text inputs can now be nested inside GridList and Tree without interfering with arrow key navigation!

Devon Govett

18,489 görüntüleme • 10 gün önce

Base UI Number Field is pretty good too.
0:14

Base UI Number Field is pretty good too.

Colm Tuite

38,818 görüntüleme • 29 gün önce

HeroUI Native alpha 14 is live 🚀 What’s new: ⚡️ New new Popover component (flexible, customizable, smooth) 🎨 New Showcase: multi-step onboarding built with HeroUI + Popover 🛠️ Fixes and refactors across the library Leveling up the experience again 💫
0:13

HeroUI Native alpha 14 is live 🚀 What’s new: ⚡️ New new Popover component (flexible, customizable, smooth) 🎨 New Showcase: multi-step onboarding built with HeroUI + Popover 🛠️ Fixes and refactors across the library Leveling up the experience again 💫

HeroUI

18,320 görüntüleme • 8 ay önce

We've added 4 new animated Base UI components to Animate UI: 🔹 Progress 🔹 Accordion 🔹 Toggle Group 🔹 Preview Card Fully animated with Motion and built with shadcn styling. Check it out 👇
0:17

We've added 4 new animated Base UI components to Animate UI: 🔹 Progress 🔹 Accordion 🔹 Toggle Group 🔹 Preview Card Fully animated with Motion and built with shadcn styling. Check it out 👇

Animate UI

28,403 görüntüleme • 1 yıl önce

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇
0:14

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

Derek Briggs

14,903 görüntüleme • 1 yıl önce

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers
0:16

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers

Ali Bey

18,613 görüntüleme • 8 ay önce

Experimenting with toast deduplication on Base UI: instead of stacking them, I just make the same toast pulse slightly. Inspired by how Linear handles it.
0:16

Experimenting with toast deduplication on Base UI: instead of stacking them, I just make the same toast pulse slightly. Inspired by how Linear handles it.

Jan Toman

99,321 görüntüleme • 4 ay önce