Today we’re showing you our new component library! Jam designer, Martin & developer Petar share how we implemented a design system w/ Radix UI. And walk through how it works from Figma to React by building a nav bar, live on the pod!
Hope you enjoy 🍿
0:00 Intro
1:10 Why we decided to implement a new component library
11:18 Why we chose Radix UI + demo of how we use it in Figma
16:18 And a demo of implementing Radix components in React
25:36 Why this project was worth it
Related Links:
- Radix UI open source component library: https://www.radix-ui.com/
- Victor Allegret's profile on Figma: https://www.figma.com/@victorallegret
- How we built Jam’s new onboarding flow:
https://youtu.be/ERfpt1HplOo?si=z9IS4yiLbc_i8YjG
- Behind the scenes: Jam’s new dashboard UX:
https://youtu.be/dv95erC8mUs?si=49WTsa8Uhti_Xitm
Subscribe to Building Jam on YouTube, Spotify, and Apple Podcasts. New episodes drop every Friday at 10AM ET. See you there!
Join 150k+ happy users at https://jam.dev/ for 1-click bug reports that engineers love.