UI reference · Web

Blog in Calm

4 screens · Calm

Added to Refcat Mar 29, 2026

Every screen in order

Patterns

Footer SectionLanding PageBlog PageLoading

Components

listprogress indicator

Explore real product flows

Onboarding flow in Calm

Home flow in Calm

Gifting a Calm subscription flow in Calm

Gifting a Calm subscription

Listening to a meditation flow in Calm

Listening to a meditation

Cancelling Calm subscription flow in Calm

Cancelling Calm subscription

Listening to a sleep program flow in Calm

Listening to a sleep program

Buying a business plan flow in Calm

Buying a business plan

Changing the background scene flow in Calm

Changing the background scene

Meditate flow in Calm

Logging in flow in Calm

Watching a movement program flow in Calm

Watching a movement program

More UI examples

login UI examples

Explore the full catalog

Terms and conditions Privacy Cookies