Profile Component Props

Profile components are available for YouTube and Dribbble

Written By Social Hampster

Last updated 2 days ago

Profile components are available for YouTube and Dribbble. They display a summary card of your account, avatar, name, follower or subscriber count, bio, and stats. This reference covers all props shared by both the YouTube Profile and Dribbble Profile components.

Plan required: Personal or Business. Profile components are not available on the free plan. Upgrade at app.socialhampster.com/billing to access them.

How to access props: Click on the Profile component in your Framer project. The props panel appears on the right side of the Framer editor.

[Screenshot: Add screenshot of a Profile component selected in Framer with the props panel visible on the right]

Profile props

Prop name	Type	What it does	Notes
Feed ID	Text	Links the Profile component to your YouTube or Dribbble account	Set automatically when you copy the component from the dashboard. Do not change manually.
Show Avatar	Toggle	Shows or hides your profile picture	Pulled from your YouTube channel art or Dribbble profile photo
Show Name	Toggle	Shows or hides your account display name	YouTube channel name or Dribbble display name
Show Follower / Subscriber Count	Toggle	Shows or hides your follower or subscriber number	Shows subscriber count for YouTube, follower count for Dribbble. Updates automatically when the feed syncs.
Show Bio	Toggle	Shows or hides your account bio or description	YouTube channel description or Dribbble profile bio. Can be long — consider turning off if space is limited.
Show Stats	Toggle	Shows additional stats below the name	For YouTube: total video count. For Dribbble: total shot count.
Layout Direction	Select	Arranges the avatar and text content side by side or stacked	Horizontal: avatar on the left, text on the right. Good for narrow sidebars or header rows. Vertical: avatar on top, text below. Good for centered or full-width sections.
Avatar Size	Number (pixels)	Sets the width and height of the avatar image	The avatar is always a circle. Common sizes: 48px for compact, 80px for standard, 120px for prominent display.
Text Color	Color	Sets the color of all text in the Profile component (name, stats, bio)	Use a dark color on light backgrounds, white on dark backgrounds
Background Color	Color	Sets the background color of the Profile card	Set to transparent to let the page background show through. Set to a card color to make it stand out as a distinct block.

Platform differences

Prop	YouTube	Dribbble
Follower / Subscriber Count	Subscriber count	Follower count
Stats (Show Stats)	Total video count	Total shot count
Bio	Channel description	Profile bio
Avatar	Channel profile picture	Dribbble profile picture

Suggested layouts

Above a video or shot grid (vertical layout)

Layout Direction: Vertical
Show Avatar: on
Show Name: on
Show Subscriber / Follower Count: on
Show Bio: off (keeps it concise)
Background Color: transparent

Sidebar or header strip (horizontal layout)

Layout Direction: Horizontal
Avatar Size: 56px
Show Avatar: on
Show Name: on
Show Stats: on
Show Bio: off

[Screenshot: Add screenshot showing the Profile component in both horizontal and vertical layout directions]