Creative Tim UICreative Tim UI

User profile with tabbed navigation interface - shadcn/ui

PRO

User profile header with background image, avatar, contact information, and integrated tab navigation (General, Billing, Settings). Perfect for account management interfaces.

Preview

Component Details

ID
user-profile-with-tabs
Type
Block
Access
PRO
Category
User Profile
Published
3 Apr 2026

Files Included

  • app/user-profile-with-tabs/page.tsx
  • components/creative-tim/blocks/user-profile-with-tabs.tsx

Components Used

Explore More Blocks

Charts
ChartsProfessional chart and data visualization components for React and Next.js. Build bar charts, line charts, area charts, comparison widgets, and interactive data dashboards with Recharts integration for displaying analytics and metrics.
Team
TeamProfessional team member showcase components for React and Next.js. Build team pages, member profiles, organization charts, and employee directories with customizable layouts.
Coming Soon
Coming SoonProfessional coming soon and launching soon page components for React and Next.js. Build launch pages with countdown timers, email subscriptions, video backgrounds, app previews, and notification signup forms.
Modals
ModalsBeautiful modal and dialog components for React and Next.js. Build popups, confirmations, forms, and interactive overlay interfaces with accessible components.
Stats
StatsProfessional statistics and metrics components for React and Next.js. Build data showcases, KPI dashboards, achievement displays, growth metrics, and performance indicators with customizable layouts and dark theme variations.
Billing
BillingProfessional billing and payment UI components for React and Next.js. Build payment forms, invoices, subscription management, and checkout flows with pre-built blocks.
Calendar
CalendarProfessional calendar and scheduling components for React and Next.js. Build event calendars, weekly schedules, daily planners, and event creation forms with date pickers and time management.
Editorial
EditorialMagazine-quality editorial layouts where typography is the design. Multi-column spreads, text wrapping around images with pixel-precise line routing via Pretext, oversized words as visual anchors, pull quotes, drop caps, and the kind of spatial confidence you find in print — now in React.