Creative Tim UICreative Tim UI

User profile card with background, avatar, social links, and bio - shadcn/ui

Professional user profile card featuring background image, avatar, user details, social media links (Github, Twitter, Dribbble), and biography section. Perfect for team pages and user showcases.

Preview

Component Details

ID
user-profile-simple
Type
Block
Access
Free
Category
User Profile
Published
3 Apr 2026

Files Included

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

Components Used

Explore More Blocks

Authentication
AuthenticationSecure authentication components and login flows for React and Next.js. Build sign-in forms, registration pages, password reset flows, and authentication 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.
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 Login
Web3 LoginModern Web3 authentication components for React and Next.js. Build crypto wallet login interfaces, blockchain selection screens, QR code authentication, and secure Web3 access flows with support for Metamask, Coinbase, Trust Wallet, and other popular crypto wallets.
Layout
LayoutProfessional category showcase and product layout components for React and Next.js. Build category grids, product collections, navigation sections, and organized content displays.
Dropdown
DropdownProfessional dropdown menu and filter components for React and Next.js. Build priority filters, status filters, checkbox filters, range selectors, searchable filters, and tabbed filter menus for advanced data filtering.
Testimonials
TestimonialsProfessional testimonial and social proof components for React and Next.js. Build customer reviews, ratings, case studies, and trust-building sections.
Popup
PopupEngaging popup and notification components for React and Next.js. Build welcome messages, cookie notifications, subscription forms, success confirmations, and promotional announcements with dismissible options and call-to-action elements.