---
title: "QuantixDataTile — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Noel Dario Andres · Interactive. Animated data metric tile"
canonical: "https://framer.elliotli.dev/component/quantixdatatile"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/QuantixDataTile

# QuantixDataTile

Animated data metric tile

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

![QuantixDataTile preview image 1](https://framer.elliotli.dev/og/component/quantixdatatile/63b18e8ffba2e875/1600x1200.jpg)

## Summary

Animated data metric tile

## Description

Quantix Data Tile is a premium Framer Code Component for displaying a single metric, KPI, value, statistic, or dashboard number in a clean animated format.

It includes an animated count-up value, optional prefix and suffix, trend badge, helper text, progress bar, spark bars, three visual themes, size controls, radius controls, padding controls, and simple Framer property controls.

Everything can be edited directly inside Framer. You can adjust the label, value, prefix, suffix, change text, helper text, progress value, theme, size, radius, padding, and animation settings without touching the code.

Key features:

• Single compact data element

• Animated number count-up

• Optional prefix and suffix

• Optional trend badge

• Positive and negative change styling

• Optional helper text

• Optional progress bar

• Optional spark bars

• Dark, Light, and Terminal themes

• Small, medium, and large sizes

• Radius and padding controls

• Built with React and Framer Motion

• Lightweight and easy to reuse

Use it for dashboards, SaaS landing pages, AI tools, finance products, analytics previews, growth metrics, conversion stats, sales numbers, progress displays, and modern Framer templates.

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

-   All · #11158

## Details

- **Author**: Noel Dario Andres
- **Price**: $5.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-06-04
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step