Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Base UI Popover with the detached triggers API.

colmtuite's profile picture

Colm Tuite

10,400 subscribers

45,056 Aufrufe • vor 17 Tagen •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

Detached triggers coming to Base UI Preview Card soon.

Colm Tuite

40,337 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 8 Monaten

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

Base UI Number Field is pretty good too.

Colm Tuite

38,818 Aufrufe • vor 20 Tagen

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 4 Monaten

Three levels of popover interaction design:
0:11

Three levels of popover interaction design:

joshpuckett

104,441 Aufrufe • vor 5 Monaten