UI reference · Web

Skill detail in Codecademy

5 screens · Codecademy

Added to Refcat Mar 29, 2026

Every screen in order

Patterns

ChartsDashboard

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

search UI examples

Explore the full catalog

Terms and conditions Privacy Cookies