Account Overview Card
Account home card showing plan, role, key dates, connected identity, and settings quick links.
Account home card showing plan, role, key dates, connected identity, and settings quick links.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Account Overview Card is the home card for the account settings area: a ruled list shows Plan (Pro, Active badge, Upgrade button), Role (Member), Member since (Mar 14, 2024), and Last sign in (Jun 13, 2026 at 09:41). Below that a Connected accounts section lists the Google identity with its email. A muted footer strip carries three quick-link rows to Security and sessions, Notifications, and Billing and plan, each with a chevron.
Quick links and identities are separate const arrays so adding an SSO provider or a settings destination takes one entry. The footer strip separates navigational links from the factual rows so they do not compete.
Reach for this block as the landing card on an account or settings overview page, wired to your user and subscription endpoints. Disable the Upgrade button and show a Manage plan label when the user is already on the top tier.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the personal account home. Other summary shapes:
Tip: Last sign in is the first thing a security- conscious user checks; showing it here lets them spot unexpected access without opening a second page.