---
title: "Project Showcase — Free Framer component · Best of Framer"
description: "Free Framer component · by Kumar SK · Navigation. Interactive hover-based image showcase"
canonical: "https://framer.elliotli.dev/component/project-showcase"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Project Showcase

# Project Showcase

Interactive hover-based image showcase

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

![Project Showcase preview image 1](https://framer.elliotli.dev/og/component/project-showcase/0d1947d248f9dfd9/1600x1200.jpg)

## Summary

Interactive hover-based image showcase

## Description

## Overview

Hover Preview Showcase is a minimal interactive component that reveals preview images while users hover over navigation titles. Designed for modern portfolio websites, creative studios, and storytelling experiences with a clean and focused layout structure.

## Getting Started

-   Add the component to your canvas
    
-   Update preview images and text directly from the main component
    
-   Customize hover text and indicator colors easily
    
-   Use it for portfolios, featured content, or interactive navigation sections
    

## Customization

-   Edit all images and titles directly from the main component
    
-   Customize hover text and indicator colors easily
    
-   Designed for both desktop and responsive layouts
    

## Property Controls

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-u0tc5zq4-HGLlEQ910RLDKhibp2Pos4Scj5Hy3E)

## Use Cases

-   Portfolio showcases
    
-   Creative studio websites
    
-   Interactive navigation sections
    
-   Story-driven layouts
    

## Notes

-   Built using native Framer properties
    
-   Hover-based image preview interaction
    
-   Responsive desktop and mobile support
    
-   Minimal and modern presentation style
    

## Support

If you have any questions or need custom components, feel free to reach out at [**s.senthil2206@gmail.com**](mailto:s.senthil2206@gmail.com)

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

-   All · #5481

## Details

- **Author**: Kumar SK
- **Published**: 2026-06-01
- **Updated**: 2026-05-30
- **Added**: 2026-05-19
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation