Creative Tim UICreative Tim UI

User profile with large avatar and inline statistics - shadcn/ui

PRO

User profile card featuring background header, large avatar, detailed bio, View Profile button, and inline statistics for projects, workshops, and apps. Perfect for professional portfolios.

Preview

Component Details

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

Files Included

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

Components Used

Explore More Blocks

Overview
OverviewCustomer review and testimonial overview components for React and Next.js. Build review sections, rating displays with statistics, customer testimonials with profile images, and comprehensive feedback interfaces.
Blog
BlogElegant blog components and content layouts for React and Next.js. Create beautiful article grids, post previews, author profiles, and content-rich blog experiences.
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.
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.
Table
TableProfessional data table components for React and Next.js. Build product comparisons, crypto trackers, inventory tables, sales reports, member lists, invoices, and transaction records with sortable columns and interactive features.
CRUDs
CRUDsComplete CRUD interface components and data management blocks for React and Next.js. Build admin panels, data tables, forms, and database management interfaces.
FAQs
FAQsClean and accessible FAQ components and help section layouts for React and Next.js. Build knowledge bases, support pages, and frequently asked questions interfaces.
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.