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

Supercharged Code Editing with Vim and Neovim

Supercharged Code Editing with Vim and Neovim

Sources: zerotomastery.io
Enhance your coding skills with easy-to-learn Vim and Neovim techniques. Use them in IDEs and terminals to boost productivity and navigate code swiftly.
2 hours 55 minutes 8 seconds
Refactoring UI - Complete Package

Refactoring UI - Complete Package

Sources: adamwathan
Make your ideas look awesome, without relying on a designer. Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-...
40 minutes 42 seconds
Digital Project Management

Digital Project Management

Sources: superhi.com
Smooth processes and happy human relationships are key to managing effectively. Learn better ways to work with complexity so you can run projects like a pro.
17 hours 53 minutes 30 seconds
Super Study Guide: Transformers & Large Language Models

Super Study Guide: Transformers & Large Language Models

Sources: Shervine Amidi, Afshine Amidi
The book "Super Study Guide: Transformers & Large Language Models" is a concise and visual guide for those who want to understand the structure of large...
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