Pro course

Advanced Radix UI

Build rich UI components — without doing any of the boring work.

Radix
4 Lessons
2h 13m
Sam Selikoff

Taught by

Sam Selikoff

Meet your instructor and learn about the course.

Radix UI has become one of the most popular component libraries in the React ecosystem. It has more than 20 low-level primitives packed with functionality that make building custom UI components an absolute delight.

In this course you'll learn how to work with Radix's primitives by building four components with completely custom designs, interactions, and animations. You'll see how Radix stays out of the way of your styling code so that your components can match the design of your application down to the pixel, while ensuring they still support keyboard navigation, work on any device, and follow expected accessibility patterns.

What people say about our Radix videos

Benoît Grélard

Hey Sam, Radix author here!

I have to say, fantastic job showcasing some of the flexibility our APIs provide — in particular, that blink animation when selecting an item.

Fantastic work 👏

Mike Cebulski

Perfect timing for this video as I'm playing with shadcn/ui components.

I learned more with this video than any I've watched in the past 6 months.

Eduardo Bratz

Great Radix content!

Thank you so much for producing such high quality content for free!

Lessons

Lesson 3: iOS Slider

Learn how to add custom interactions to Radix components by recreating the slider from iOS.

Chapters

Buy Advanced Radix UI

Build rich UI components — without doing any of the boring work.

Buy the course

$179one-time payment

Get everything in Advanced Radix UI.

  • 2+ hours of video
  • 4 lessons
  • Private Discord
  • Summaries with code
  • Unlimited access to course materials

Lifetime membership

$249
access all coursesone-time payment

Lifetime access to all current and future premium Build UI courses, forever.

  • Access to our entire course library
  • New videos added regularly
  • Refactoring videos on React
  • Private Discord
  • Summaries with code
  • Full access to all future Build UI courses

What's included

Stream or download every video

Watch every lesson directly on Build UI, or download them to watch offline at any time.

Live code demos

Access to a live demo of each lesson that runs directly in your browser.

Private Discord

Chat with Sam, Ryan and other Build UI members about the lessons – or anything else you're working on – in our private server.

Video summaries with code snippets

Quickly reference a lesson's material with text summaries and copyable code snippets.

Source code

Each lesson comes with a GitHub repo that includes a diff of the source code.

Invoices and receipts

Get reimbursed from your employer for becoming a better coder!