Structured Table Language
for Modern Apps
STL
#table
name: Comparison Table
cols: 4
showSerialIndex: true
[header]
Title | Feature | Value | CTA
[body]
Plan A | Fast | 120ms | [button text="Buy" action="click" variant="outline"]
Plan B | Medium | 20ms | [link text="Learn More" href="/docs"]
[footer]
Note | * | * | Data updated weekly
#endtableRendered# Title
Feature
Value
CTA
1 Plan A
Fast
120ms
2 Plan B
Medium
20ms
Learn More # Note
*
*
Data updated weekly
Powering the next generation of content with
React
Next.js
Sanity
TypeScript
JavaScriptWhy Structured Table?
Everything you need to build, manage, and render data tables in modern applications.
Simple Syntax (STL)
Write tables using our intuitive Structured Table Language. It's like Markdown, but for complex data grids.
Framework Agnostic
Core logic is separated from rendering. Use it with React, Vue, Svelte, or vanilla JS without vendor lock-in.
Fully Themable
Comes with built-in themes like Tailwind, Shadcn, and Stripe. Or create your own with simple CSS variables.
High Performance
Optimized parser and renderer ensure your tables load instantly, even with large datasets.
Schema Driven
Perfect for Headless CMS integration. Define your table structure once, render it consistently everywhere.
Type Safe
Built with TypeScript from the ground up. Enjoy full type inference and autocomplete support.
1. Design
Use our visual editor or write generic STL code to define your table's structure, columns, and data types.
Open Editor2. Export
Copy the generated schema or JSON output. It's clean, readable, and ready to be dropped into your codebase or CMS.
name: Pricing
cols: 3
3. Render
Use our React component to render the table instantly. It auto-adapts to your theme and supports SSR.
See Integration
