The widget library for WordPress is here Download plugin

Modern Team Slide-Up - Profile Reveal Grid

Present your team with a sleek, modern aesthetic using the Modern Team Slide-Up Grid. This widget offers a sophisticated alternative to standard flip cards by using a smooth vertical sliding effect to reveal detailed information.

Initially, each card presents a clean, professional portrait with the team member's name and role clearly visible at the bottom in a dark overlay. This ensures immediate identification.

On hover, the dark overlay smoothly slides upwards, expanding to cover most of the image. This action reveals a concise biography and a set of elegant social media icon links. The background image simultaneously performs a subtle zoom, adding depth and dynamism to the interaction.

Key Features:

  • Slide-Up Reveal Animation: A smooth, cubic-bezier transition slides the information panel up on hover.
  • Modern Dark Aesthetic: Features a dark, semi-transparent overlay with crisp white text and vibrant accent colors (defaulting to teal).
  • Dual-State Information: Name and Role are always visible; Bio and Social links are revealed on interaction.
  • Subtle Image Zoom: The background photo gently scales up on hover for an engaging visual effect.
  • SVG Social Icons: Includes clean vector icons for social platforms that change color and lift slightly on hover.
  • Fully Editable Typography: Utilizes data-font-size-editable and data-family-editable attributes for complete text control.
  • Responsive Grid: Automatically adapts from a multi-column layout on desktop to a single-column stack on mobile devices.

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.