UI reference · web

Catalog

5 screens · Codecademy

Catalog UI from Codecademy

Patterns

ProgressBrowse & Discover

Components

cardprogress_indicatorunknownlist

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