⌘
CheatSheet
Library
New Sheet
Import
Export
Edit — Tailwind CSS
Title *
Icon
Category
Description
↑
↓
✕
auto-detect
bash
typescript
tsx
javascript
python
sql
json
yaml
docker
css
html
text
↑
↓
✕
<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">{cards}</div>
auto-detect
bash
typescript
tsx
javascript
python
sql
json
yaml
docker
css
html
text
↑
↓
✕
<div class="flex min-h-screen items-center justify-center">…</div>
auto-detect
bash
typescript
tsx
javascript
python
sql
json
yaml
docker
css
html
text
↑
↓
✕
<p class="truncate" title={text}>{text}</p>
+ item
↑
↓
✕
auto-detect
bash
typescript
tsx
javascript
python
sql
json
yaml
docker
css
html
text
↑
↓
✕
@import "tailwindcss"; @theme { --color-brand: oklch(0.6 0.2 260); --font-display: "Inter", sans-serif; }
auto-detect
bash
typescript
tsx
javascript
python
sql
json
yaml
docker
css
html
text
↑
↓
✕
<button class="bg-brand font-display text-white">Go</button>
+ item
+ section
Save changes
Cancel