Learn UI Design in this extencive 8-hour interactive course using HTML and CSS on Scrimba
Quick Answer: Course on Scrimba. See below for duration, access, and related courses.
Last reviewed: March 2026.
Learn UI Design in this extencive 8-hour interactive course using HTML and CSS
ProThis massive UI design course teaches you to build beautiful and well-functioning user interfaces using HTML and CSS. It's filled with interactive tutorials to ensure that the knowledge sticks with yo
View on Scrimba (opens in a new tab)About This Course
This massive UI design course teaches you to build beautiful and well-functioning user interfaces using HTML and CSS. It's filled with interactive tutorials to ensure that the knowledge sticks with you. Created by Gary Simon, the most popular online instructor on this subject.
This Intermediate-level course covers 8.6 hrs of content across 45 interactive screencasts. A Scrimba Pro subscription is required for full access.
- Duration: 8.6 hrs
- Level: Intermediate
- Access: Scrimba Pro required
- Modules: 12
- Total Lessons: 45
Module Breakdown
| Module | Duration | Lessons |
|---|---|---|
| Course Introduction | 5 min | 0 |
| UI Design Fundamentals | 72 min | 5 |
| Building A Simple Layout | 37 min | 2 |
| Responsive Design | 52 min | 2 |
| Responsive Navigations | 35 min | 2 |
| Full Project Refactoring | 44 min | 6 |
| Tea UI Design Project | 46 min | 3 |
| Shadows | 26 min | 3 |
| Gradients | 30 min | 5 |
| Forms | 52 min | 4 |
| UI Animation | 32 min | 2 |
| Final Project | 86 min | 11 |
Prerequisites
Basic knowledge of HTML and CSS is recommended before starting this course.
Who Is This Course For?
This course is ideal for developers with some experience who want to level up their Learn UI skills through hands-on practice.
Part of These Learning Paths
Choose This If
Choose this course if: You want to learn this topic interactively. Check prerequisites and related paths below.
Related Courses
Practice & Learn More
- Practice CSS Grid
- Practice Flexbox
- Practice Tailwind CSS
- How Long Does It Take to Learn Coding?
- Scrimba vs Codecademy | All Comparisons
Related Pages
This course requires a [Scrimba Pro](/docs/pricing/) subscription. Pro gives you access to 86+ courses, a certificate of completion, and access to the Discord community. Check the [pricing page](/docs/pricing/) for current rates.
The course contains 8.6 hrs of interactive screencasts. Since you can pause and code along at your own pace, most learners finish in 1-2 weeks of regular practice.
You will build practical projects using Learn UI Design concepts. Scrimba's interactive format lets you modify the instructor's code directly in the browser.
Start Learn UI Design in this extencive 8-hour interactive course using HTML and CSS
Get access to Learn UI Design in this extencive 8-hour interactive course using HTML and CSS and 86+ more interactive courses with Scrimba Pro.
Use our partner link to get 20% off the Pro plan.
Ready to Upgrade Your Learning?
Use our partner link to claim 20% off Scrimba Pro and unlock all courses and career paths.