Team Member Cards

What is Team Member Cards?

Team Member Cards is a premium ticker component that displays team profiles in smooth, infinitely scrolling rows. Each card features an avatar, name, website link, location, star rating, customisable skill tags or descriptions, and a slide-fill CTA button. Built-in search and skill filtering lets visitors find the right person instantly. Ideal for agency rosters, company about pages, startup teams, and freelancer directories.

Core Features

• Infinite marquee ticker with configurable speed, direction, and row count

• Drag-to-scroll interaction with seamless looping in both directions

• Built-in filter bar with live search and skill dropdown

• Slide-fill hover animation on the View Profile button

• Five premium colour themes (Light, Dark, Ocean, Emerald, Sunset) plus full Custom colour control

• Independent font controls for names, skills, and buttons

• Responsive image avatars with alt-text support

• Customisable skills section — display as tags or plain text with editable label

• Edge fade masking for a polished ticker appearance

• Pause-on-hover and reduced motion accessibility support

Controls inside Framer

Members

• Avatar (responsive image with alt text)

• Name, website text, website URL

• Location, rating

• Skills (comma-separated or plain text)

• Custom label and value

• Profile link (native Framer link)

Layout

• Rows (1–3)

• Card width, card gap, row offset

• Button text

• Skills label, skills display mode (Tags / Text)

Theme

• Colour theme (Light, Dark, Ocean, Emerald, Sunset, Custom)

• Full custom colour palette (14 colour controls) — visible only when Custom is selected

Card Style

• Card radius, padding, shadow intensity

• Show/hide border

• Button radius

Typography

• Name size, website size, location size

• Skill size, custom text size, rating size

Animation

• Direction (Left / Right)

• Speed (Slow / Medium / Fast)

• Pause on hover

• Edge fade toggle and fade width

Fonts

• Base font

• Name font

• Skill font

• Button font

Visibility

• Toggle filter bar, avatar, website, location, rating, skills, custom text, and View Profile button independently

Best use cases

• Agency and studio websites showcasing the team behind the work

• SaaS and startup landing pages building trust with real team profiles

• Freelancer directories and talent marketplaces

• Company about pages and recruitment portals

Elevate your team section from static grids to a dynamic, interactive experience that keeps visitors engaged.

Questions or custom requests?

We design and build custom Framer components. Get in touch at contact@teampixel.com.au.