Ugrás a fő tartalomhoz

Tailwind cheatsheet

Ez a segédlet azért készült, hogy gyorsan átlásd a legfontosabb Tailwind CSS classokat és használati mintákat. Nem helyettesíti a hivatalos dokumentációt, hanem kiegészíti: egy nyomtatható, egyoldalas összefoglaló, amit fejlesztés közben is kéznél tarthatsz.

A cheatsheet tartalmazza:

  • leggyakoribb reszponzív és állapot-prefixeket
  • spacing, tipográfia és layout classokat
  • színek, háttér és árnyék beállításokat
  • @apply példákat ismétlődő komponensekhez (pl. gomb, kártya)
Nyomtatható magyar nyelvű cheatsheet letöltése

Közösségi/online „cheatsheetek”

  • Flowbite – Tailwind Cheat Sheet (interaktív, jól kereshető; böngészőből nyomtatható). flowbite.com
  • Creative Tim – Tailwind Cheat Sheet (interaktív referencia). creative-tim.com
  • Nerdcave – klasszikus cheat sheet (sokak szerint hasznos, de régóta nem frissül; v2-környéki). nerdcave.com, Reddit
  • Browsee – PDF Tailwind Cheatsheet (nyomtatható, általános; nem hivatalos és nem verziózott). Browsee
  • GitHub: „A printable one-page cheatsheet” (archív, régi, v2/v3). GitHub

Hasznos hivatalos hivatkozások (v4-hez)