---
title: "SlidingHighlightGrid — Free Framer component · Best of Framer"
description: "Free Framer component · by Konstantin Nikolaev · Cards. Sliding Highlight Grid for Framer"
canonical: "https://framer.elliotli.dev/component/slidinghighlightgrid"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/SlidingHighlightGrid

# SlidingHighlightGrid

Sliding Highlight Grid for Framer

[View on Framer](https://framer.com/marketplace/components/slidinghighlightgrid/?via=elliot-li)

![SlidingHighlightGrid preview image 1](https://framer.elliotli.dev/og/component/slidinghighlightgrid/9315780706c0e144/1600x1200.jpg)

## Summary

Sliding Highlight Grid for Framer

## Description

A highlight block glides between cards as the user hovers — never disappearing, always transitioning smoothly to the next. Built for editorial, portfolio, and marketing layouts where interaction needs to feel considered.

**Interaction** One highlight element slides to whichever card is active. An animated arrow appears on hover. Both move together in sync. All colors, sizes, and styles are fully configurable from the property panel.

**Property Controls**

_Layout_ Columns (1–8), Rows (1–12), Card Height (Fill or Fixed px)

_Alignment_ Horizontal (Left / Center / Right), Distribution (Start / Center / End / Space Between / Space Around / Space Evenly), Block Gap

_Padding_ Global (all sides) or Custom (Top / Right / Bottom / Left)

_Colors_ Background, Highlight Color

_Border_ On/Off — Color

_Arrow_ On/Off — Background Color, Icon Color

_Overline_ On/Off — Font Family, Size, Weight, Line Height, Letter Spacing, Color, Hover Color

_Title_ On/Off — Font Family, Size, Weight, Line Height, Letter Spacing, Color, Hover Color

_Body_ On/Off — Font Family, Size, Weight, Line Height, Letter Spacing, Color, Hover Color

_Link Label_ On/Off — Font Family, Size, Weight, Line Height, Letter Spacing, Color, Hover Color — animated underline on hover

_Per Card_ Overline, Title, Body, Link URL, Link Label

## Rank history [How rankings work →](/terms#rankings)

-   All · #3215

## Details

- **Author**: Konstantin Nikolaev
- **Published**: 2026-04-14
- **Updated**: 2026-04-14
- **Added**: 2026-04-06
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator