---
title: "Fe Hover Preview — Free Framer component · Best of Framer"
description: "Free Framer component · by FeCommerce · Buttons. An interactive category list that"
canonical: "https://framer.elliotli.dev/component/fe-hover-preview"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Fe Hover Preview

# Fe Hover Preview

An interactive category list that

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

![Fe Hover Preview preview image 1](https://framer.elliotli.dev/og/component/fe-hover-preview/1542a304547e44e6/1600x1200.jpg)

## Summary

An interactive category list that

## Description

Turn a plain list of categories into an interactive showcase. Visitors hover, tap or tab through oversized type while a preview card swaps instantly to match, with its own image, title, description and linked button.

Built for storefronts, agency service menus, portfolio category pages, and any section where a few key offerings deserve more than a bulleted list.

INCLUDED

• Four preview cards, each with its own image, title, description and link

• Oversized list with an animated divider that expands beneath the active row

• Sparkle indicator marking the current selection

• Sticky card that follows the list while it scrolls

• CTA row with a rotating plus icon and its own link

CUSTOMISATION

Every colour, font, size, padding and margin is exposed in the properties panel. Divider speed, easing and expand direction are adjustable. Card width, image height, corner radius and button styling are all editable without touching code.

RESPONSIVE

The layout adapts at configurable tablet and mobile breakpoints using CSS container queries, so it responds to the width of the section it sits in rather than the browser window. It lays out correctly inside any column, grid or nested container.

SETUP

Drop it on the canvas and set the width to fill. Replace the four images and their text, then add links to the card button and the CTA. The component is designed around four categories.

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

-   All · #2039

## Details

- **Author**: FeCommerce
- **Published**: 2026-08-10
- **Updated**: 2026-08-10
- **Added**: 2026-08-10
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything