UI reference · Web

Watching a video in Codecademy

3 screens · Codecademy

Added to Refcat Mar 29, 2026

Every screen in order

Patterns

Class & Lesson DetailVideo Player

Components

buttonlisttab

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