TailwindSQL is an experimental library that lets developers write SQL queries using Tailwind-style class names, essentially turning database queries into declarative class attributes that can be used directly in frameworks like React Server Components. Inspired by the simplicity and utility of Tailwind CSS, TailwindSQL allows developers to describe database queries using a familiar syntax such as db-table-column-where-field-value, collapsing traditional SQL into readable, utility-driven structures that map directly to data fetches. When used in React Server Components, these class-style queries are parsed and executed at render time with zero client-side JavaScript, letting you fetch and render data without writing SQL strings explicitly. The project is built on SQLite with better-sqlite3 for fast local access, and it supports rendering results in different formats such as text, lists, tables, or JSON directly from markup.
Features
- Tailwind-style class syntax for SQL querying
- Server-side execution in React Server Components
- Zero runtime JavaScript overhead for queries
- SQLite support via better-sqlite3
- Multi-render output (text, lists, tables, JSON)
- Declarative, utility-first database interaction