Cards ui screen examples

Evervault

Resources page where the user browses a curated grid of foundational cryptography research papers.

Record club

User profile page where the user views a member's curated lists of music releases, with options to sort and toggle the layout.

• Profile
• Browse

Bitly

Marketing feature page explaining how to create, share, and track digital business cards, including customization options and platform integration.

Lemni

Directory page where the user browses and searches for pre-built actions to connect their AI agents to external services like Gmail, Slack, and Shopify.

• Browse
• Search

Monarch

Dashboard overlay where the user can access the help center, request features, contact support, or view recent product updates.

• Dashboard
• Help

Leap

Marketing page showcasing a directory of free AI tools like image generation, text to speech, and SEO blog writing, each with a prompt to try it for free.

Replit

Community hub landing page where users can find the latest platform updates, connect on social channels, access guides and templates, and explore featured apps built by others.

Front

Help center homepage where the user searches for articles or browses knowledge base categories like getting started, rules, and API integrations.

WeTransfer

Password recovery screen where the user enters their email address to receive reset instructions, featuring a branded split-screen layout with file type badges.

• Forgot Password

Flodesk

List view where the user manages audience segments displayed as a grid of colored cards showing subscriber counts.

• Table
• Filter & Sort

Podia

Design editor where the user customizes the layout and styling of a landing page using a sidebar inspector with spacing and card controls.

• Design Editor
• Edit

Dub

Blog index page where the user browses the latest news, product updates, and engineering articles via a pill-based category filter.