---
title: "Basic Data Table — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Ahmet Loca · Text. Basic Data Table is a clean, modern and fully responsive data table component for Framer."
canonical: "https://framer.elliotli.dev/component/basic-data-table"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Basic Data Table

# Basic Data Table

Modern Data Table – Dark & Light

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

![Basic Data Table preview image 1](https://framer.elliotli.dev/og/component/basic-data-table/754cccfe2b013c6e/1600x1200.jpg)

## Summary

Basic Data Table is a clean, modern and fully responsive data table component for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

## **About Basic Data Table**

Basic Data Table is a clean, modern and fully responsive data table component for Framer. Designed with a premium dark & light theme system, smooth hover states and flexible customization options. Perfect for dashboards, admin panels, SaaS products, finance tools and any website that needs to display structured data beautifully.Built with performance and accessibility in mind, StatTable works out of the box and gives you complete control over content, typography and appearance through Framer’s native property controls.

**Key Features**

-   Dark & Light theme support with instant switching
    
-   Fully responsive layout (mobile, tablet and desktop)
    
-   Demo Mode for live theme preview
    
-   Customizable rows with title, value, change indicator and extra data
    
-   Positive / negative change badges with color coding
    
-   Smooth row hover effects
    
-   Native Framer Font controls (Body, Title and Header fonts)
    
-   Clean modern card design with soft borders and refined spacing
    
-   Semantic HTML structure for better accessibility and SEO
    
-   Screen reader friendly with proper ARIA labels
    
-   No external dependencies – pure React + Framer
    
-   Easy to customize colors, radius, content and more
    
-   Works perfectly in both canvas and published sites
    

**Use Cases**

-   SaaS dashboards and admin panels
    
-   Finance and analytics websites
    
-   Project management tools
    
-   E-commerce order and inventory tables
    
-   Crypto and stock tracking pages
    
-   Marketing performance reports
    
-   Team and user management interfaces
    
-   Product comparison tables
    
-   Educational platforms and course lists
    
-   Any data-heavy website that needs a premium table UI
    

**Keywords**

data table, responsive table, dark mode table, light mode table, framer table component, modern data table, dashboard table, admin table, saas table, finance table, hover table, customizable table, accessible table

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

-   All · #619

## Details

- **Author**: Ahmet Loca
- **Price**: $3.00
- **Published**: 2026-08-18
- **Updated**: 2026-09-30
- **Added**: 2026-08-18
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos