# profile

Glass profile dropdown menu

Avatar button opens a blurred-glass account menu with item rows, a count badge, separator and red sign-out.

35900Open

Gradient Profile Card · Rose Gold

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Rose Gold palette.

85800Open

Gradient Profile Card · Ocean Sky

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Ocean Sky palette.

52600Open

Gradient Profile Card · Mint Breeze

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Mint Breeze palette.

23800Open

Gradient Profile Card · Candy Pink

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Candy Pink palette.

53400Open

Gradient Profile Card · Royal Gold

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Royal Gold palette.

20200Open

Gradient Profile Card · Crimson Heat

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Crimson Heat palette.

17000Open

Gradient Profile Card · Deep Indigo

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Deep Indigo palette.

69100Open

Gradient Profile Card · Aurora Teal

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Aurora Teal palette.

50500Open

Profile Dropdown

Account dropdown with avatar, name, menu items and outside-click close.

UI Elements Live preview

Avatar with Status

Round avatar with online/offline status dot and ring.

HTMLCSSSimple

Profile Card with Stats Row

Rich profile card with cover gradient, avatar ring, bio, stats row and follow button.

Creator Card with Verify Badge

Creator profile card with verified badge, follower count, tags and subscribe pill.

Team Member Card Grid

Team grid card with role, social links, skill tags and hover accent ring.

Podcast Host Card

Podcast host card with episode count, listener stats and follow CTA.

Instructor Card with Courses

Course instructor card listing mini courses, ratings and schedule chip.

Athlete Card with Heatmap

Athlete profile card with activity heatmap, PR stats and season chip.

Startup Profile Card

Company profile card with funding round, team avatars, HQ and website.

Mentor Card with Availability

Mentor profile with hourly rate, availability chips and intro video button.

UI Elements⚛ TSX Live preview

Avatar with Status Ring

Round avatar with colored presence ring and small status icon.

UI Elements⚛ TSX Live preview

Avatar with Activity Heat

Avatar whose ring thickness reflects recent activity level.