Creative Tim UICreative Tim UI

Centered user profile with navigation and statistics - shadcn/ui

PRO

Centered user profile layout with background image, overlapping avatar, navigation links (General, Billing, Invoices, Settings), and achievement statistics. Ideal for dashboard profiles.

Preview

Component Details

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

Files Included

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

Components Used

Explore More Blocks

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.
Web3 Cards
Web3 CardsModern Web3 and blockchain card components for React and Next.js. Build wallet connection cards, NFT displays, token interfaces, and decentralized application card layouts.
Pricing
PricingProfessional pricing and plan comparison components for React and Next.js. Build pricing tables, subscription plans, feature comparisons, and pricing toggles with monthly/annual options.
Maintenance
MaintenanceProfessional maintenance and downtime page components for React and Next.js. Build scheduled maintenance notifications, system upgrade messages, and under construction pages with email notifications and social links.
Content
ContentVersatile content layout components for React and Next.js. Build blog posts, articles, portfolios, project showcases, comment sections, and rich content presentations with customizable designs.
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.
CRUDs
CRUDsComplete CRUD interface components and data management blocks for React and Next.js. Build admin panels, data tables, forms, and database management interfaces.
Web3 Charts
Web3 ChartsProfessional Web3 and cryptocurrency chart components for React and Next.js. Build crypto price charts, staking metrics, transaction analytics, blockchain data visualizations, and interactive dashboards with Recharts integration for displaying cryptocurrency data and market statistics.