Skip to content

Add Text Overlay Support on Avatars (Username or Custom Tagline) #86

Description

@darshan02parmar

Feature

Currently, the framed avatars focus purely on visuals (themes, colors, shapes).
Adding text overlay support will allow users to personalize their avatars even more — perfect for displaying their name, title, or short tagline on profile badges or README embeds.

Proposed Solution

New Parameters

  • text: custom text to display (e.g., text=Darshan%20Parmar)
  • textColor: HEX or keyword color (default: white)
  • textSize: size in px (default: 20)
  • textPosition: top | bottom | center (default: bottom)

Backend Update (Sharp.js / Canvas Layer)

  • After rendering the frame and avatar, draw text using composite() or text overlay methods.
  • Use font-family: Inter, sans-serif for readability.
  • Handle automatic text contrast if background is dark/light.

I'd like to work on this issue ,,Assign it to me

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions