{"id":9852,"date":"2026-08-10T10:12:04","date_gmt":"2026-08-10T10:12:04","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/build-ui-advanced-radix-ui-2024-2\/"},"modified":"2026-08-10T10:12:04","modified_gmt":"2026-08-10T10:12:04","slug":"build-ui-advanced-radix-ui-2024-2","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/build-ui-advanced-radix-ui-2024-2\/","title":{"rendered":"Build UI \u2013 Advanced Radix UI 2024-2"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<p><span style=\"vertical-align: inherit\">Advanced Radix UI Course. Radix UI has become one of the most popular component libraries in the React ecosystem. It includes over 20 low-level, feature-rich primitives that make building custom UI components a breeze. In this course, participants will learn how to work with the Radix primitives by building four components with fully custom designs, unique interactions, and engaging animations. They will see how Radix does not interfere with the styling code, so that the components built can closely match the visual design of the application while supporting keyboard navigation, working well on any device, and adhering to expected accessibility patterns. This course shows participants how to leverage the power and flexibility of Radix UI to create complex, yet user-friendly and accessible user interfaces. Throughout the course, the instructor will explain in detail different approaches to customizing the appearance and behavior of components, and provide participants with a deeper understanding of the concepts presented by providing practical examples. This course is a unique opportunity for React developers to improve their skills in building UI components and become familiar with one of the most powerful tools available in this field.<\/span><\/p>\n<h3 data-sourcepos=\"9:1-9:24\"><strong><span style=\"vertical-align: inherit\">What you will learn<\/span><\/strong><\/h3>\n<ul data-sourcepos=\"11:1-21:0\">\n<li data-sourcepos=\"11:1-11:51\"><span style=\"vertical-align: inherit\">How to work with basic low-level tools of Radix UI.<\/span><\/li>\n<li data-sourcepos=\"12:1-12:59\"><span style=\"vertical-align: inherit\">Build user interface components with fully custom designs.<\/span><\/li>\n<li data-sourcepos=\"13:1-13:50\"><span style=\"vertical-align: inherit\">Implementing unique interactions for components.<\/span><\/li>\n<li data-sourcepos=\"14:1-14:49\"><span style=\"vertical-align: inherit\">Add attractive animations to custom components.<\/span><\/li>\n<li data-sourcepos=\"15:1-15:57\"><span style=\"vertical-align: inherit\">Ensure components support keyboard navigation.<\/span><\/li>\n<li data-sourcepos=\"16:1-16:68\"><span style=\"vertical-align: inherit\">Developing components that work well on a variety of devices.<\/span><\/li>\n<li data-sourcepos=\"17:1-17:58\"><span style=\"vertical-align: inherit\">Adhering to standard accessibility patterns in building components.<\/span><\/li>\n<li data-sourcepos=\"18:1-18:49\"><span style=\"vertical-align: inherit\">How to customize the appearance of components without restrictions.<\/span><\/li>\n<li data-sourcepos=\"19:1-19:47\"><span style=\"vertical-align: inherit\">Understand how radix does not interfere with styling code.<\/span><\/li>\n<li data-sourcepos=\"20:1-21:0\"><span style=\"vertical-align: inherit\">Create complex, user-friendly, and accessible user interfaces using Radix UI.<\/span><\/li>\n<\/ul>\n<h3 data-sourcepos=\"22:1-22:30\"><strong><span style=\"vertical-align: inherit\">This course is suitable for people who:<\/span><\/strong><\/h3>\n<ul data-sourcepos=\"24:1-33:104\">\n<li data-sourcepos=\"24:1-24:54\"><span style=\"vertical-align: inherit\">Web developers with experience working with the React library.<\/span><\/li>\n<li data-sourcepos=\"25:1-25:79\"><span style=\"vertical-align: inherit\">People who are interested in building high-quality, custom UI components.<\/span><\/li>\n<li data-sourcepos=\"26:1-26:90\"><span style=\"vertical-align: inherit\">Developers looking for powerful and flexible solutions for user interface design.<\/span><\/li>\n<li data-sourcepos=\"27:1-27:87\"><span style=\"vertical-align: inherit\">Those who care about accessibility and proper user interface performance on different devices.<\/span><\/li>\n<li data-sourcepos=\"28:1-28:94\"><span style=\"vertical-align: inherit\">People who want to get acquainted with one of the most modern and popular React component libraries.<\/span><\/li>\n<li data-sourcepos=\"29:1-29:79\"><span style=\"vertical-align: inherit\">Developers who want complete control over the appearance and behavior of their components.<\/span><\/li>\n<li data-sourcepos=\"30:1-30:87\"><span style=\"vertical-align: inherit\">Those who want to improve their skills in front-end and user interface development.<\/span><\/li>\n<li data-sourcepos=\"31:1-31:89\"><span style=\"vertical-align: inherit\">People looking to use a tool that doesn\u2019t interfere with their styling code.<\/span><\/li>\n<li data-sourcepos=\"32:1-32:91\"><span style=\"vertical-align: inherit\">Developers looking to build complex user interfaces while maintaining code simplicity and organization.<\/span><\/li>\n<li data-sourcepos=\"33:1-33:104\"><span style=\"vertical-align: inherit\">Those who want to use a powerful and reliable component library in their React projects.<\/span><\/li>\n<\/ul>\n<h3><span style=\"vertical-align: inherit\">Advanced Radix UI Course Specifications<\/span><\/h3>\n<ul>\n<li><span style=\"vertical-align: inherit\">Publisher: <\/span><a href=\"https:\/\/href.li\/?https:\/\/buildui.com\/courses\/advanced-radix-ui\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit\">Buildui<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Instructor: <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/sam-selikoff\/\"><span style=\"vertical-align: inherit\">Sam Selikoff<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Training level: Beginner to advanced<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Training duration: 2 hours and 13 minutes<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Number of lessons: 4<\/span><\/li>\n<\/ul>\n<h3><span style=\"vertical-align: inherit\">Course headings<\/span><\/h3>\n<ul>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Animated Switch<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Apple Selector Group<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">iOS Slide<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Animated Toast<\/span><\/li>\n<\/ul>\n<h3><span style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-978853 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/04\/Advanced-Radix-UI2.png\" alt=\"Advanced Radix UI\" width=\"1392\" height=\"269\"><\/h2>\n<h3><span style=\"vertical-align: inherit\">Sample course video<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-162067-1\"><video class=\"wp-video-shortcode\" id=\"video-162067-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Advanced_Radix_UI_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Advanced_Radix_UI_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Advanced_Radix_UI_Downloadly.ir.mp4?nocache=1786136435792\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Advanced_Radix_UI_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div>\n<h3><span style=\"vertical-align: inherit\">Installation Guide<\/span><\/h3>\n<p><span style=\"vertical-align: inherit\">After Extract, view with your favorite player.<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Subtitles: None<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 1080p<\/span><\/p>\n<\/div>\n<h3><span style=\"vertical-align: inherit\">Download link<\/span><\/h3>\n<p><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Build_UI_Advanced_Radix_UI_2024-2_Downloadly.ir.rar?nocache=1786136434\"><span style=\"vertical-align: inherit\">Download file \u2013 837 MB<\/span><\/a><\/p>\n<p><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3><span style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p><span style=\"vertical-align: inherit\">837 MB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Advanced Radix UI Course. Radix UI has become one of the most popular component libraries in the React ecosystem. It includes over 20 low-level, fea<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[84299,84300,84301,84302,84303,20975],"class_list":["post-9852","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-course-advanced-radix-ui","dgi_tag-download-advanced-radix-ui","dgi_tag-download-course-advanced-radix-ui","dgi_tag-free-advanced-radix-ui","dgi_tag-free-download-advanced-radix-ui","dgi_tag-sam-selikoff"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/9852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/9852\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=9852"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=9852"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=9852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}