Developer & Designer Cheat Sheets
Keep these high-density reference cards open while coding and designing. Look up Tailwind classes, Figma hotkeys, and layout spacing rules without breaking your focus.
Instant Code & Command Copy Vault
Click any command or utility class below to copy it directly to your clipboard.
Browse All Vector Cheat Sheets (7)
Click "Quick View" to inspect vectors in high resolution or download the PDF directly.
Tailwind CSS Cheat Sheet
Flexbox, Grid, Colors, Spacing, Breakpoints & Typography Quick Reference
- Spacing & Sizing: 0 to 96 rem scale reference
- Flex & Grid: justify-*, items-*, grid-cols-*, gap-* shortcuts
- Typography: text-*, font-*, leading-*, tracking-* cheat table
Figma Shortcuts Cheat Sheet
Mac & Windows Hotkeys, Auto-Layout Master Guide & Variant Hacks
- Side-by-side keyboard shortcuts for macOS and Windows
- Auto-Layout mastery: Shift + A, padding, space between, fill container
- Component & Variant shortcuts: Create component (Opt+Cmd+K / Ctrl+Alt+K)
UI Spacing and Layout Rules
8pt Grid System, Typographic Ratios, Hierarchy & Contrast Formulas
- The 8pt Grid: 4px, 8px, 16px, 24px, 32px, 48px, 64px rhythm rules
- Modular Typographic Scale: Base 16px with optical line-height balance
- Whitespace proximity heuristic: Related elements close, distinct sections far
Git & GitHub Emergency Command Vault
Interactive Rebase, Cherry-Pick, Stash, Conflict Resolution & Reflog Disaster Recovery
- Disaster recovery: git reflog and recovering lost commits after hard resets
- Interactive rebase: git rebase -i HEAD~n (squash, reword, drop, edit)
- Stash superpowers: git stash push -m "wip" and git stash pop
Docker & Container DevOps Reference
Dockerfile Directives, Docker Compose v2, Multi-Stage Builds, Volumes & Networks
- Multi-stage Dockerfile blueprints for Node, PHP, Python & Go
- Docker Compose v2 commands: compose up -d, compose ps, compose logs -f
- Storage & Volumes: Named volumes vs bind mounts vs anonymous caches
Modern JavaScript & ES2024 Cheat Sheet
Array Grouping, Set Operations, Promise.withResolvers, Symbols & Async Patterns
- ES2024 Set Methods: setA.union(setB), setA.intersection(setB)
- Object.groupBy() & Map.groupBy() native collection clustering
- Array immutability: .toSorted(), .toReversed(), .with(index, val)
SQL Query & Performance Cheat Sheet
Window Functions, CTEs, Recursive Queries, Composite Indexing & Query Plans
- Window Functions: OVER (PARTITION BY ... ORDER BY ...)
- Common Table Expressions (CTEs) for clean modular queries
- Hierarchical tree traversal with WITH RECURSIVE
