Benoît Grélard
@benoitgrelard
Followers
2,266
Following
106
Media
163
Statuses
3,345
UI Software Engineer at @raycastapp • created and maintained @radix_ui at @Modulz (acquired) & @WorkOS
London, United Kingdom
Joined July 2007
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Chiefs
• 360550 Tweets
namjoon
• 317714 Tweets
Lamar
• 118766 Tweets
Adalet
• 103436 Tweets
Chester
• 74080 Tweets
For Asia
• 69655 Tweets
علي النبي
• 63715 Tweets
小泉進次郎
• 43568 Tweets
Hayırlı Cumalar
• 41909 Tweets
サブスク解禁
• 41801 Tweets
MUSINSA BEAUTY WITH KARINA
• 32796 Tweets
エイリアン
• 29814 Tweets
Engin Polat
• 27624 Tweets
#BAEKHYUN_PINEAPPLESLICE
• 27356 Tweets
PRETTY GIRL ERA MILKLOVE
• 26972 Tweets
小泉さん
• 24898 Tweets
#يوم_الجمعه
• 23935 Tweets
資さんうどん
• 22670 Tweets
TransisiSEJUK PRABOWOJKW
• 21980 Tweets
KitaKOMPAK KitaMENANG
• 21094 Tweets
知的レベル
• 20464 Tweets
KPLC
• 18797 Tweets
ちいかわ寿司
• 18677 Tweets
資さん買収
• 17391 Tweets
ベイマックス
• 13248 Tweets
Today is my first day at
@raycastapp
! 🎉
I am incredibly excited to be joining a team with such talent and to work on a truly delightful product.
Let the adventure begin! 🚀
36
4
411
Menubar is also coming to
@radix_ui
in the new year! 🎅🎁🎄. We had a great head-start thanks to contributions from
@luisorbai
, then
@Andy_Hook
did an awesome job of taking it over the line!
11
10
233
Someone recently asked me how one might build an accessible star rating component using
@radix_ui
so I whipped up a quick Codesandbox demo using Radix's `RadioGroup` primitive and Radix icons.
4
21
149
I am so proud of this new
@radix_ui
product. I have worked on this tirelessly over the past couple month. So many details went into it, I can't wait to see where you all take it!
🎉 Announcing Radix Themes—a beautiful, open source component library that’s built on top of the primitives so many developers love.
75
303
2K
9
3
137
Love how
@radix_ui
's `Select` (without scroll buttons) + `ScrollArea` composition Just Works™
3
7
120
Today was my last day at
@WorkOS
. I'm taking a small break, spending half-term with my kids and then starting something new…🤫 Very excited!!
6
0
103
I ♥️ this photo! One of my favourite of us two! 🙂
fun fact: this is the 4th time benoit and I will work together
12
0
313
4
0
87
Incredibly excited to ship this today! The whole team has been working so hard on this for a long time, yet so much to come still!
4
3
85
TIL GitHub's ex CEO uses
@radix_ui
!
The LLM playground that's hosted at is now open source:
Enjoy!
42
261
2K
3
4
76
Really happy to be putting this one out there!
Hopefully it will help reduce the confusion some users had about Radix primitives being somewhat connected to CSS-in-JS solutions only.
@radix_ui
doesn't care what your CSS looks like! We ♥️ them all!
Big Radix Docs update today: component code examples are now available in both
@stitchesjs
and vanilla CSS.
12
27
302
1
5
62
We've now released the `Form` primitive in preview so you can go and have a play with it.
Keep providing any feedback on the RFC 🙏
New Radix release 🚀
✅ Brand new `Form` primitive in preview!
1
34
268
6
3
59
I am so happy to release this one!!
The Select feature has been longstanding and I am glad we are bringing more flexibility to the community.
Thanks to
@luisorbai
also for paving the way with Menubar 🙏
New Radix release 🚀
✅ A brand new `Menubar` primitive
✅ Position `Select` content below trigger
✅ Horizontal `Accordion`
9
31
412
4
1
45
Another one from
@radix_ui
in the wild: `NavigationMenu`. Beautiful job! ♥️
Our main navigation now uses
@radix_ui
navigation menu component to improve accessibility.
This also MARCed
@marcbouchenoire
(see what I did there!🙃) first contribution to our code base. 🎉
1
2
56
0
1
41
@adamwathan
We expose all states using data attributes in
@radix_ui
so having better support natively in Tailwind would be a huge win for the community!
1
0
41
I am delighted to see this go out! This has been months in the making. I hope you all enjoy them!
Our 3 most highly-requested components are here. Select, NavigationMenu, and Toast 🚀
36
116
936
2
0
37
And another
@radix_ui
release out! 🎉
New Radix release 🚀
New CSS custom properties for:
✅ ContextMenu
✅ DropdownMenu
✅ HoverCard
✅ Menubar
✅ Popover
✅ Tooltip
and a bunch of fixes/improvements.
4
26
359
3
3
31
@chantastic
Hey! I sent you a DM, and then realised your profile says you don't read DM's 🤦♂️
I couldn't pass on reaching out! I am one of the creator and maintainer of
@radix_ui
, I used to work with
@peduarte
and
@chancethedev
which I believe you know as well.
I thought you would be an
4
0
31
Can't wait for everybody to get to watch our very own
@peduarte
's talk featuring
@radix_ui
. I know he's spent countless days and late nights working on it so I hope you all enjoy it!
2
3
29
All those new components and that color palette generator are pure 🔥🔥🔥
Announcing Radix Themes 3.0 and a custom color palette generator 🎉
In this release:
• New layout engine
• 11 new components
• Zero config setup with Astro and Remix
• New docs with guidance on layout and styling
29
118
1K
1
0
28
I am so proud of this one! A ton of work has gone in, thanks to everybody for testing out the release candidates too as we were building, you guys all rock🤘
📢 Exciting new Radix release: after ~18 months of building and testing, Radix is now at v1. 🥳
This release is all about stability. Tons of bug fixes, perf enhancements, and a11y improvements.
Also, we're on ProductHunt, come and show us some ❤️
19
150
880
0
0
27
So great to see
@radix_ui
's Select being in the wild♥️
⌨️ New Select component
We've improved accessibility and keyboard support for navigating between select items.
0
0
20
2
0
25
We've just published another
@radix_ui
release out. Check it out!
New Radix release 🚀
✅ Better ESM compatibility
✅ Latest version of
@floating_ui
✅ Lots of fixes/improvements
8
32
286
0
1
24
@samselikoff
@colmtuite
Hey Sam, Radix author here. Fantastic job showcasing some of the flexibility our APIs provide! In particular, that blink animation when selecting an item. 👌Glad to see our APIs enable things I never even thought about! 👏
1
1
21
@radix_ui
So hyped for this!!! This release contains tons of work from the usual team and new contributors too! Great work
@vladyslavmoroz
@Andy_Hook
@KendallStraut
🎉 Such a huge step forward!
2
0
20
Spent the afternoon cooking lots of things today. Started with making a focaccia dough and ended with baking it and a great sandwich for dinner (using the bread obviously but also homepage roasted red peppers and pickled red onions).
🤤
3
0
19
A fresh new guide on Radix docs about our approach to composition using the `asChild` prop.
Thanks to
@SThomasDavis
for kickstarting the guide!
We've published a new guide around composition and the `asChild` prop:
3
14
226
1
3
19
Incredibly grateful for our community! ♥️♥️♥️
And just like that, every single Radix primitive now has its own
@tailwindcss
demo.
Incredible effort from
@joaom__00
,
@ryanleichty
,
@suliskh
and
@shadcn
. Thank you for contributing to those! 👏
🚀🚀🚀
19
58
620
0
1
18
♥️♥️♥️
Full React 19 and RSC support is out for Radix Primitives and Themes, along with other improvements 💫
8
25
284
0
0
18
I had a great time spending the day with the
@tldraw
folks + guests yesterday. Great bunch! Thanks for the invite
@steveruizok
4
0
16
Incredibly proud of this one. Submenus in particular was an absolute team effort! Couldn't have happened without
@jjenzz
and
@Andy_Hook
! 👏👏👏
Huge Radix Primitives release 🚀
- Submenu support for DropdownMenu + ContextMenu.
- Brand new ScrollArea.
- Improved a11y across many primitives.
- Improved functionality across many primitives.
- Normalised prop naming.
- Improved polymorphic types.
3
10
116
0
1
14
This was a brilliant talk
@Rich_Harris
, very impressive! I have been using React for years but I have to say, lots of compelling arguments here. What would you say could be some possible drawbacks to using Svelte? Curious as the talk didn't address this.
1
1
13
There are far worse places to be hanging out with your colleagues! 🇮🇸
2
0
12
Just discovered
@jjenzz
started blogging about React. The 3 posts already there are pure gold and every React dev should take the time to read them. Check out this amazing technique for smart breadcrumbs for example . Well done Jenna 👏 keep it up!
2
4
13
I have to say probably my favourite "feature" of this
@radix_ui
release is that it is done publicly, in the open.
I am so thankful to
@colmtuite
and
@sdothaney
for trusting us with our vision that having this open source will make it better, for everyone.
Introducing
@radix_ui
Primitives 🚀
An open-source UI component library for building high-quality, accessible design systems and web apps.
- Zero styles.
- Open component architecture.
- Uncontrolled by default.
- Fully-typed API for a great DX.
11
41
301
3
4
13
1
0
12
@JoshWComeau
@peduarte
Happy you like them Josh! We put a lot of attention into them so people can focus on their apps, rather than re-building these common patterns.
1
0
10
@peduarte
But turns out it was so that one of their eye is accustomed to darkness so they could instantly see when going below deck! They would simply lift the patch when going below deck in pitch black and could see fine with that eye 😀
2
0
9
Thanks to
@vladyslavmoroz
for helping with the final push and polish, as well as all the incredible work on the new website. I am in awe of your dedication! ♥️
Huge props to
@Andy_Hook
for writing all those new docs, it was a tremendous effort, and it shows! 🤩
1
0
10
I was recently invited on the PodRocket podcast to talk a bit about
@radix_ui
. Hope you like the episode!
We sit down with
@BenoitGrelard
, lead web developer at WorkOS and Radix maintainer, about Radix, the open-source UI component library for building high-quality, accessible design systems and web apps.
Apple:
Spotify:
2
6
22
0
3
10
@aweary
That's cool! Another way I do this in Chrome devtools is to use the built-in `monitorEvents` function like so:
`monitorEvents(document, 'focusin')`
0
1
10
Here's what it looks like in practice using keyboard or pointer:
1
2
9
I think it might make sense to create a dedicated primitive rather than "hack" `RadioGroup` for it.
Would that be of interest to anybody?
3
0
9
This looks insanely good!
🪄 Introducing Raycast AI: The magic of AI, right on your Mac.
Write smarter, code faster and answer questions quicker with ChatGPT in Raycast – just one keystroke away.
Join the beta 👉
77
182
2K
0
0
9
Finally!
TypeScript 4.4 finally figured out how to narrow types, even when the type guard is not defined inside the `if` statement!
For example, this works now:
7
67
544
1
1
9
So thrilled to push this out!!!! 🚀
Tons of hard work went into this, couldn't be more proud of our team! 👏👏👏
Introducing
@radix_ui
Primitives 🚀
An open-source UI component library for building high-quality, accessible design systems and web apps.
- Zero styles.
- Open component architecture.
- Uncontrolled by default.
- Fully-typed API for a great DX.
11
41
301
1
1
8
I am in love with this 404 page that we built during our hack week. The attention to detail is sooooooo good. Incredible work by
@pmarsceill
,
@hadi_hlk
and
@elmotta
♥️♥️♥️
We built a new 404 page inspired by the Macintosh 1984 OS.
Have fun playing with it! →
11
15
123
0
0
8
@shadcn
@carterwmckay
@pedroapfilho
@radix_ui
@tailwindcss
@joaom__00
Exactly! 🙂 Whichever you pick because of visual style preferences, at the end of the day you are getting exactly the same thing, it's all Radix under the hood.
0
0
8
1
0
8
We would love to get your thoughts on this!
We have been working on a couple of projects on which we would love to get your input!
The first one is a new Form primitive:
The second one is a brand new project: Radix Auth:
Please comment directly on the RFC PRs 🙏
13
36
349
1
0
8
And here's what it looks/sounds like using a screen reader (sound on!):
1
4
8
@petecorreia
Started using instead of Jira at current place and so far looking good. Insanely fast compared to Jira.
2
1
7
Today I had to write a custom babel plugin for the first time and holly crap, this shit is powerful! 🔥🔥🔥 Being able to transform anything using the AST is 🤯
2
0
7
@barelyreaper
@radix_ui
It's a safari setting. I still can't get my head around why this is NOT the default…
0
0
7
Loving this team 🙂
1
0
7
@hakimel
Yep, I feel you! I do it quite often, 2 boys (2 ½ and 5). Let's say it can be challenging, and working feels like holidays sometimes 🤣
0
0
7
So excited!!!
1
0
7
@devongovett
Yeah… definitely pet-peeve of mine when building Radix. We definitely need finer grain control somehow.
0
0
7
@carterwmckay
@pedroapfilho
@radix_ui
@tailwindcss
@joaom__00
@shadcn
It's not about the look. It's to answer the questions many people have been asking: "Does Radix work with Tailwind?" or "How do I use style Radix primitives with Tailwind?"
2
0
7
Oh those new viewport units! Finally!!! 👏
Safari was the last hold-out for a lot of features here, so this release significantly raises the baseline of web capabilities 🥳
4
37
204
1
0
6
Thrilled to be on the panel for this today!
Join us here:
2
0
6
@carterwmckay
@radix_ui
@tailwindcss
@joaom__00
@shadcn
I'm confused… 🤔Team up on what exactly? What he's built is cool but it's a different goal from our demos.
Ours show you how you'd go about styling Radix primitives with Tailwind from scratch. His offers all of the Radix primitives pre-styled, for you to copy/paste.
1
0
6
Oh this is good! I feel like that would cleanup our code quite a lot! cc
@jjenzz
@chancethedev
1
0
6
Soooo excited about the upcoming
@Modulz
! Congrats to the team for such a brilliant effort! 👏
It's been hard to keep this bottled up.
I started work on a new
@Modulz
prototype a few months ago.
It feels like a design tool. It exports as code.
import from npm, real time sync, flex autolayout, much more
Everything in this video was built visually in Modulz
11
42
270
0
0
6
🖤🖤🖤 Black lives matter 🖤🖤🖤
#BlackLivesMatter
#reclaimtheblock
Please retweet and participate if you can in any way.
I'm so touched by all the rallying and support for this movement. Incredible scenes.
@modulz
will match
#reclaimtheblock
donations up to $5k total. Reply or DM with your receipt and we'll match it.
#BlackLivesMatter
6
17
39
1
0
6
I've updated the Radix Form RFC based on your early feedback. Let me know your thoughts in the PR!
The first round of feedback has been incorporated in the Radix Form RFC.
Let us know what you think!
1
2
20
0
0
6
@dan_abramov
We seem to be having issues with react producing stale callbacks.
Can you help us understand what is going on here? .
Here's the direct link to the sandbox: .
Why is React producing different outcomes?
3
2
6
@_christian_o
@radix_ui
It’s built with algolia, we manually scrape the docs using the algolia scraper docker container and then use their low level autocomplete lib and search client to build the UI.
1
0
6
0
0
6
Couldn't agree more!!!
0
1
6
@peduarte
Plot twist: that hot air balloon 🎈 in the pic was David Blaine training for his upcoming YouTube special.
1
0
6
These are such fun ♥️
0
0
7