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

  • Lightspeed Deployments

    Lightspeed Deployments

    Sources: newline (ex fullstack.io)
    This workshop is a continuation of the courses "Overnight Fullstack Applications" and "How To Connect, Code & Debug Supabase With Bolt." In the recording of...
    16 minutes 45 seconds
  • Classic Season 5

    Classic Season 5

    Sources: destroyallsoftware
    In the "What Goes in Active Records" series (part 1 and part 2), we looked at some design constraints for what goes in ActiveRecord models. Sometimes, these con
    3 hours 32 minutes 54 seconds
  • Optimizing web performance and critical rendering path

    Optimizing web performance and critical rendering path

    Sources: udemy
    Performance is a very important aspect of every web application. Web page should be loaded as quickly as possible and the animation should flow smoothly. People
    1 hour 16 minutes 17 seconds
  • Atari 2600 Programming with 6502 Assembly

    Atari 2600 Programming with 6502 Assembly

    Sources: Gustavo Pezzi
    Study low-level programming by creating games for the Atari 2600 in 6502 assembly language. Understand the architecture of consoles from scratch.
    16 hours 30 minutes 54 seconds
  • SAAS Web Development

    SAAS Web Development

    Sources: Prodigies University
    Learn to create fully functional SAAS products from scratch to a finished solution, covering all stages of development, including working with databases...
    43 hours 32 minutes 12 seconds