Skip to main content

Profile and social

ProfileHero

Render the shared profile banner pattern. The ultimate 'Look at me!' component for personal portfolios.

Curated demo

Matt Riley

Matt Riley

Senior Software Engineer in Leeds, West Yorkshire

Reference

Render the shared profile banner pattern. The ultimate 'Look at me!' component for personal portfolios.

  • Keep longer biography copy outside the primitive. This is just the flashy intro.
  • Use a meaningful avatarAlt string rather than decorative alt text.

Example snippet

<ProfileHero name="Matt Riley" subtitle="Senior Software Engineer" avatarSrc={avatar} avatarAlt="Matt Riley" />