GraphCDN design examples

Explore GraphCDN UI design examples. The GraphQL CDN

Product screens

Sign-in screen where the user authenticates with GitHub, GitLab, or a passwordless email link.

Signup screen where the user can create an account using GitHub, GitLab, or by entering an email address.

Verification screen confirming that a magic login link has been sent to the user's email address.

Onboarding step where the user enters their full name to set up their profile.

Onboarding step where the user enters their full name to begin account setup.

Onboarding step where the user sets up their organization by providing company name, product type, engineering team size, and their title.

Onboarding step where the user sets up their organization by providing company details, product type, engineer count, and their title.

Onboarding step where the user chooses whether to activate edge caching and reviews included features before proceeding.

Onboarding step where the user enters their GraphQL API URL to configure their endpoint, with an option to skip and use demo data.

Onboarding step where the system displays a loading spinner while creating the user's caching and analytics endpoint.

Onboarding step where the user tests their newly deployed GraphCDN service by writing and running a GraphQL query in an embedded IDE.

Demo page where the user tests GraphQL edge caching by executing a sample query in an interactive playground and reviewing the response metadata.

Explore real SaaS apps with their product screens, marketing screens, flows, and components.