Loading video...

Video Failed to Load

Go Home

Base UI Popover with the detached triggers API.

colmtuite's profile picture

Colm Tuite

10,758 subscribers

45,616 views • 2 months ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

Detached triggers coming to Base UI Preview Card soon.

Colm Tuite

40,452 views • 7 months ago

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

41,337 views • 8 months ago

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,694 views • 1 year ago

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 views • 6 months ago

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 views • 4 months ago

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: Taskmarket
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: Taskmarket

loaf

10,925 views • 7 months ago

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,274 views • 1 year ago

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,702 views • 2 years ago

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 views • 10 months ago

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,448 views • 2 months ago

I CAN PLAY A GAME WITH GOKU TRANSFORMING FROM BASE TO UI AGAINST JIREN AND BROLY
0:14

I CAN PLAY A GAME WITH GOKU TRANSFORMING FROM BASE TO UI AGAINST JIREN AND BROLY

a l f i e

550,832 views • 2 years ago

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

19,128 views • 1 month ago

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 views • 10 months ago

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

Base UI Number Field is pretty good too.

Colm Tuite

38,875 views • 2 months ago

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 views • 1 year ago

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 views • 1 year ago

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,658 views • 9 months ago

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,978 views • 5 months ago

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!
0:13

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!

Pasquale Vitiello

23,252 views • 1 year ago