UI reference · web

Completing a course

14 screens · Codecademy

Completing a course UI from Codecademy

Patterns

Class & Lesson DetailProgressAccount SetupSetLoadingAcknowledgement & SuccessOther Content

Components

unknownprogress_indicatorbuttonlist

Explore real product flows

Onboarding flow in Codecademy

Canceling a plan flow in Codecademy

Canceling a plan

Subscribing to a plan flow in Codecademy

Subscribing to a plan

Dashboard flow in Codecademy

Course detail flow in Codecademy

Completing a course flow in Codecademy

Completing a course

My learning flow in Codecademy

Starting a module practice flow in Codecademy

Starting a module practice

Skill tracking flow in Codecademy

Searching Codeacademy flow in Codecademy

Searching Codeacademy

Chatting with AI (course) flow in Codecademy

Chatting with AI (course)

Skill detail flow in Codecademy

Explore the full catalog

Terms and conditions Privacy Cookies