---
title: "Simple Pie Chart — Free Framer component · Best of Framer"
description: "Free Framer component · by Divyesh WebCraft · Charts. Simple Pie Chart is a lightweight, responsive, and easy-to-use Pie Chart component built for Framer designers.Powered by Chart.js…"
canonical: "https://framer.elliotli.dev/component/simple-pie-chart"
---

[Home](/)/[Components](/components)/[Charts](/components/category/charts)/Simple Pie Chart

# Simple Pie Chart

A clean and customizable Pie Chart

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

![Simple Pie Chart preview image 1](https://framer.elliotli.dev/og/component/simple-pie-chart/ba95ccbfa6251161/1600x1200.jpg)

## Summary

Simple Pie Chart is a lightweight, responsive, and easy-to-use Pie Chart component built for Framer designers.Powered by Chart.js, it gives you smooth visuals and full…

## Description

**Simple Pie Chart** is a lightweight, responsive, and easy-to-use Pie Chart component built for Framer designers.Powered by Chart.js, it gives you smooth visuals and full customization while keeping your workflow simple and intuitive.

### ⭐ Features

-   Fully editable **labels**, **values**, and **colors**
    
-   Automatically **responsive** to any frame size
    
-   **Smooth animations** and clean rendering using Chart.js
    
-   Works instantly — **no setup or coding required**
    
-   Lightweight and optimized for fast performance
    
-   Perfect for **dashboards, analytics, portfolios, case studies, and SaaS UI**
    

### 🎨 Customization

-   Add or remove chart slices
    
-   Change slice colors with Framer’s color picker
    
-   Control chart size through frame resizing
    
-   Works with both **light** and **dark** UI designs
    

### 📦 Made For Designers

Simple Pie Chart is designed to be plug-and-play.Just drag it onto the canvas, edit the data, and you're done — a perfect solution for clean and modern data visualization.

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

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

-   All · #2828

## Details

- **Author**: Divyesh WebCraft
- **Published**: 2025-12-09
- **Updated**: 2026-10-07
- **Added**: 2025-12-08
- **Categories**: Charts

## More like this

-   [29 Radar Chart](/component/29-radar-chart) — BrandingUp · Free — Spider chart with per-axis scales
-   [33 Bubble Chart](/component/33-bubble-chart) — BrandingUp · Free — Bubble chart with 3rd-value sizes
-   [Pricing Matrix](/component/pricing-matrix) — Ainsley Holmes · Free — Currency Payment Comparison Matrix
-   [Radial Dial](/component/radial-dial) — Oli Studio · $10 — Animated dial for a single metric