---
title: "Hover stats — Free Framer component · Best of Framer"
description: "Free Framer component · by Amir ali · Text. Portfolio Hover Stats is a sleek and interactive Framer component that lets you highlight your achievements, projects, awards, and experience with ease."
canonical: "https://framer.elliotli.dev/component/hover-stats"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Hover stats

# Hover stats

Clean, minimal hover stats for your work

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

![Hover stats preview image 1](https://framer.elliotli.dev/og/component/hover-stats/165d7d19458baf76/1600x1200.jpg)

## Summary

Portfolio Hover Stats is a sleek and interactive Framer component that lets you highlight your achievements, projects, awards, and experience with ease.

## Description

“Portfolio Hover Stats is a sleek and interactive Framer component that lets you highlight your achievements, projects, awards, and experience with ease. Icons display key stats at a glance, and smooth hover animations reveal short, impactful text. Perfect for freelancers, designers, and creators who want to make their portfolio more engaging and professional.

This component is fully responsive, supports light and dark modes, and allows you to customize icons, text, and animation styles. Add it to any landing page or portfolio layout to instantly showcase your work in a modern, interactive way.”

### Features:

1.  **Custom Icons:** Choose any icon from the library.
    
2.  **Hover Animation:** Smooth fade, slide, or scale effect.
    
3.  **Custom Text:** Add stats, achievements, or short labels.
    
4.  **Variants:** Light/Dark mode, Small/Medium/Large sizes.
    
5.  **Responsive:** Works on desktop & mobile (tap replaces hover on mobile).
    
6.  **Auto-layout Friendly:** Easily add multiple icons in row or column.
    
7.  **Preset Layouts:**
    
    -   Circle icons with bottom tooltip
        
    -   Square icons with side slide
        
    -   Inline minimal text fade
        

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

-   All · #7006

## Details

- **Author**: Amir ali
- **Published**: 2026-02-20
- **Updated**: 2026-02-18
- **Added**: 2026-02-08
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing