B. Application & Dashboard

User Profile Page

Profile pages with cover images, card variants, an edit modal, the logged-out public view and hover cards.

5 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add app/user-profile

01Profile page with cover

Uses: AppFrame · Avatar · Badge · TabBar · StatCard

components/blocks/app/user-profile/01-profile-cover.tsx

Uses: Avatar · Badge · Button · Rating

components/blocks/app/user-profile/02-card-variants.tsx

Uses: Navbar · Avatar · Badge · Button

components/blocks/app/user-profile/04-public-profile.tsx