---
title: "Visual Pricing Card — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Sha · Cards. Visual pricing with reactive visuals."
canonical: "https://framer.elliotli.dev/component/estimate-report"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Visual Pricing Card

# Visual Pricing Card

Visual pricing with reactive visuals.

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

![Visual Pricing Card preview image 1](https://framer.elliotli.dev/og/component/estimate-report/4e1d3bb7f3fb2f53/1600x1200.jpg)

## Summary

Visual pricing with reactive visuals.

## Description

### About this Component

Inspired by modernist design systems, the Estimate Report bridges the gap between analog aesthetics and digital interactivity. It features a generative halftone matrix and 8-bit flicker animations that react instantly as you toggle services, turning a standard price list into an engaging visual experience.

### The Details

-   **Reactive Visual Matrix:** The central halftone eye dynamically updates its density and size in real-time as the total estimate changes.
    
-   **Industrial Silhouette:** A custom "plus-cut" corner clip-path gives the ticket a sharp, physical presence that stands out on any background.
    
-   **Tactile Toggle System:** Clean dot-indicator checkboxes designed with a mechanical feel for a premium user experience.
    
-   **Authentic Textures:** Integrated grain overlays and dashed-line separators mimic the look and feel of high-end printed spec sheets.
    
-   **Calculated Totals:** Built-in logic that instantly tallies selected services, providing an immediate visual "quote."
    
-   **Mobile-Optimized Scaling:** A dedicated scale control allows you to shrink or grow the component to fit mobile screens perfectly without breaking the layout.
    

### Component Controls

-   **Custom Data:** Edit the Report Title, Sub-title, Date, and Estimate Number directly in the Framer sidebar.
    
-   **Service Matrix:** Easily add your own service names and prices via the Framer Array control.
    
-   **CTA Customization:** Update the button text and link to point toward your existing contact page or email.
    

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

-   All · #6305

## Details

- **Author**: Sha
- **Price**: $5.00
- **Published**: 2026-04-21
- **Updated**: 2026-05-25
- **Added**: 2026-04-10
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards