Effortlessly turn your CSV or TSV files into fully customizable, searchable data tables inside Framer.
Make it with Workshop
Build your own component with AI
CSVtoTableX transforms your uploaded CSV or TSV files into a responsive, interactive table directly inside Framer. With extensive customization controls, you can design data tables that perfectly match your project’s visual identity.
File Format Support
✅ CSV (.csv)✅ TSV (.tsv)
Upload your data file directly from the Customization panel to instantly generate your table.
Customization Options
Easily adjust the appearance, colors, and typography to match your design style.
Data & Structure
Data File: Upload CSV or TSV files
Unvisible Columns: Hide specific columns from display
Table Design
Background: Table background color
Border Color: Table border color
Table Radius: Corner radius of the table
Table Head BG: Header background color
Table Data BG: Cell background color
Scrollbar Styling
Scrollbar Thumb: Scrollbar thumb color
Scrollbar Track: Scrollbar track color
Scrollbar Width: Adjust scrollbar width
Search Bar Styling
Search BG: Background color of the search box
Search Text: Search text color
Search Border: Border color of the search box
Search Radius: Corner radius of the search box
Typography
Search Font: Customize search bar font
Header Font: Customize header font
Heading Size: Header text size
Header Color: Header text color
Cell Font: Table cell font
Data Size: Cell text size
Text Color: Cell text color
Built-in Features
Real-time search filtering
Automatic CSV/TSV parsing
Fully responsive and scrollable
No-code setup just upload and style
⚡ CSVtoTableX — The easiest way to import, display, and style your data tables inside Framer.