Tailwind Cheatsheet

Libraries

• https://github.com/serafimcloud/21st can paste UI code to cursor
  • https://21st.dev/pro paided UI
• https://tailwindui.com/ bought it, but only used landing page

Box

Box Model

Padding

Padding

• p is padding on all directions
• px is horizontal padding on both side, e.g. px-6 is padding-left: 1.5rem; padding-right: 1.5rem;
• py is vertical padding on top and bottom, e.g. py-4 is padding-top: 1rem; padding-bottom: 1rem;