UI reference · Web

Application

Application · Completing a project · Codecademy

Added to Refcat Mar 29, 2026

Application UI from Codecademy

Patterns

Code EditorGuided Tour & TutorialMulti-Column LayoutProgress

Components

progress indicator

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

More UI examples

onboarding UI examples

Explore the full catalog

Terms and conditions Privacy Cookies