Advanced Radix UI

2h 13m 5s
English
Paid

Course description

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.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 4 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Animated Switch

All Course Lessons (4)

#Lesson TitleDurationAccess
1
Animated Switch Demo
24:33
2
Apple Selector Group
18:56
3
iOS Slider
01:01:44
4
Animated Toast
27:52

Unlock unlimited learning

Get instant access to all 3 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Smart Interface Design Patterns

Smart Interface Design Patterns

Sources: Vitaly Friedman, smashingmagazine.com
Master essential design patterns for modern interfaces. Learn best practices through examples and live projects to tackle real-life challenges effectively.
13 hours 18 minutes 5 seconds
Computer Systems

Computer Systems

Sources: Oz Nova (csprimer.com)
As software engineers, we study computer systems (or computer architecture) to understand how our programs ultimately work and how...
28 hours 15 minutes 48 seconds
Building AI Apps with the Gemini API

Building AI Apps with the Gemini API

Sources: zerotomastery.io
Learn to use Google's Gemini API for building AI-powered applications. Plus you'll put your skills into action by building three projects using the Gemini API.
3 hours 43 minutes 41 seconds
30-Minute Fullstack Masterplan

30-Minute Fullstack Masterplan

Sources: newline (ex fullstack.io)
Create a master plan that includes all the necessary information to start developing a beautiful and professional app, either for yourself or for clients.
36 minutes 49 seconds