Skip to content

component

Team Hover List

By Nostromo Studio

Details

Summary

Team Hover List displays a list of names that reveal a floating image card on hover — perfect for team pages, creative rosters, and credits sections.

Description

Team Hover List displays a list of names that reveal a floating image card on hover — perfect for team pages, creative rosters, and credits sections. Each person can have an image (upload or URL), a job title, and a location. The card follows the cursor with optional spring inertia for a smooth, fluid feel. Vignette overlay and text appear automatically when content is provided, and hide when left empty. Key Features Content Up to 50 team members Image upload or URL per person Optional title, location, and link per person Configurable separator character between names Preview mode to visualize any item live while editing Typography & Layout Full font controls for name, title, and location Separate hover color for names Text alignment and gap controls Image Card Adjustable width, height, radius, and shadow Vignette overlay with customizable color Title and location hidden automatically when both are empty Animation Fade + scale transition with adjustable duration Card follows the cursor with configurable offset Optional spring inertia with stiffness and damping controls Usage Notes Team Hover List works at any width and adapts to your layout. Best used on desktop — on mobile, a tap reveals the card instead. How to Set Up 1. Drag Team Hover List onto your canvas 2. Add your team members with names and images 3. Adjust typography, card size, and animation 4. Publish Refund Policy All sales of digital products are final and non-refundable. Questions? Contact hellonostromostudio@gmail.com before purchasing. Enjoy!

Introduction

Team Names with Hover Image Reveal

Rank history

Daily rank per list, from the first snapshot — lower is better.

11001200128888/148/228/309/79/15
  • All · #1658