Colm Tuite

Building @base_ui + 🤫. Co-creator @radix_ui. Founder @modulz @plexiapp.

[Colm Tuite @colmtuite]

🖋️

[Stephen Haney @stephenhaney]

Good morning!

The Pen Tool is live in Paper

Draw shapes, generate SVGs, or vectorize images, and edit the points and paths.

Paper uses real SVGs so exports are 1:1, no surprises.

The new SVG workflow: create → refine → ship.

Try it out! And show us what you draw.

[Colm Tuite @colmtuite]

@pondorasti Ha, it's just some styles I wrote for my local testing app, sorry 😅

[Colm Tuite @colmtuite]

Base UI Popover with the detached triggers API.

[Colm Tuite @colmtuite]

@slmn_sh @moneshgoyal Of course!

[Colm Tuite @colmtuite]

@boldureans @raunofreiberg It fucks with my shadow translucency values, annoys me having to redesign the scale. It does look nice though

[Colm Tuite @colmtuite]

@mrpancakes39 Na it's still a React API

[Colm Tuite @colmtuite]

@msllrs @raunofreiberg It's two buttons. A toggle for "Yes" and a menu trigger. Using a pseudo element for the highlight. `background` and `mask` to create a border gradient

[Colm Tuite @colmtuite]

@Omkar_K45 @raunofreiberg http://localhost:3000

[Colm Tuite @colmtuite]

@jamesqquick Up to you! It's a more verbose API that shines when want morphing, or when you're rendering the same component many times in tables/lists.

So it's an optional API for Popover, Menu, PreviewCard, Dialog, Tooltip etc.

https://t.co/6RwIMR3uaO

[Colm Tuite @colmtuite]

@_____jrh Awesome 🙌

[Colm Tuite @colmtuite]

@bygregorr Or you can use the finalFocus prop to focus move focus wherever you want

https://t.co/HViyR8PndE

[Colm Tuite @colmtuite]

@bygregorr Whichever one opened it last

[Colm Tuite @colmtuite]

@peduarte Cheers fam 🤜

[Colm Tuite @colmtuite]

@raunofreiberg My greatest ever achievement

[Colm Tuite @colmtuite]

@mrpancakes39 It's a React-based component lib

[Colm Tuite @colmtuite]

@krishnasinghdev No plans at the moment. We're focused on React

[Colm Tuite @colmtuite]

@sddrai It's not a new component lib, if that's what you mean. It's just me using Base UI locally, as I test it and work on it.

[Colm Tuite @colmtuite]

@sddrai Not sure what you mean? What's a UI element?

[Colm Tuite @colmtuite]

@edgarasben It allows you to reuse a single popup across many triggers, which has many benefits (performance etc.). But one benefit is you can morph the popup from one trigger to the next, like in the video.

[Colm Tuite @colmtuite]

@chandra_7852 @base_ui `asChild` looks like a boolean prop and can be a footgun. I've seen it omitted many times, leading to nested buttons.

`render` prop supports a function for improved perf and more control over spreading props.

https://t.co/nus3DBEx8c