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

Programming Language with LLVM

Programming Language with LLVM

Sources: Dmitry Soshnikov
How programming languages work under the hood? What’s the difference between compiler and interpreter? What is a virtual machine, and JIT-compiler? And what abo
2 hours 46 minutes 4 seconds
Computer Networking

Computer Networking

Sources: Oz Nova (csprimer.com)
The Internet - along with all the applications it supports, such as the web - has become one of the most significant driving forces of technological progress...
23 hours 58 minutes 29 seconds
AI Engineering Bootcamp: RAG (Retrieval Augmented Generation) for LLMs

AI Engineering Bootcamp: RAG (Retrieval Augmented Generation) for LLMs

Sources: zerotomastery.io
This course will teach you how to create smarter AI applications using one of the most important techniques in modern artificial intelligence - Retrieval...
22 hours 1 minute 6 seconds
Build Side Projects With 500k+ Users: Coming Up With An Idea

Build Side Projects With 500k+ Users: Coming Up With An Idea

Sources: Alex Chiou
You spent 50+ hours refining your resume and LinkedIn profile. Sent out over 1000 job applications. But despite all the effort, invitations for...
2 hours 14 minutes 19 seconds
How to Open Source: The missing open source handbook for new contributors

How to Open Source: The missing open source handbook for new contributors

Sources: Richard Schneeman
Contributing to open source can be scary, but it doesn't have to be. This is the missing handbook that will guide you from making your first contribution to building a sustainab...