tailwind-stack

Tailwind-style utilities for everything.

className your way todatabase queriesAPI responsesfiles contentsAI generationauthenticationcrypto operationsQR generation

Data Sources

Query databases, APIs, and files

TailwindSQLSQLiteTailwindFetchAPITailwindFSFiles

Security

Auth and secrets management

TailwindAuthAuthTailwindEnvEnvTailwindCryptoCrypto

Utilities

Generate and transform

TailwindAIAITailwindQRQRTailwindFormForm

Component Integrations

Compose components together with token syntax

Try auth examples:

Auth + QRQR from User Data

Generate QR code from authenticated user's email

<Auth className="if-auth">
  <QR className="qr-encode-[$$user.email]" />
</Auth>
output
Login to see QR

Auth + FetchConditional Fetching

Fetch data only for authenticated users

<Auth className="if-auth">
  <Fetch className="fetch-[$jp/users/1]-select-name" />
  <Fetch className="fetch-[$jp/users/1]-select-email" />
</Auth>
output
Login to fetch data

SQL + QRQR from Database

Query a user and generate QR from their email

<DB className="db-users-email-where-id-1">
  <QR className="qr-encode-[$$]" />
</DB>
output
QR Code

Fetch + QRQR from API

Fetch user data and encode their website as QR

<Fetch className="fetch-[$jp/users/1]">
  <QR className="qr-encode-[$$response.website]" />
</Fetch>
output
QR Code

Interactive Playgrounds

Try out each package with live, interactive examples

SQLPlayground

Build SQL queries visually and see results in real-time. Explore the database schema and experiment with different query patterns.

Try it →

FetchPlayground

Test API calls with live preview. Change URLs, selectors, and render formats to see immediate results from real APIs.

Try it →

AuthDemo

Switch between demo users to see auth conditionals in action. Explore role-based rendering and user data access patterns.

Try it →