Tailwind Demo
Atmosfera + Tailwind live ausprobieren
Utility-First für schnelle Layout-Iterationen: responsive Abstände, Grid/Flex, Typografie und Buttons ohne eigene CSS-Klassen.
Breakpointresponsive
sm
md
lg
xl
Live Layout
Hero + Content
Typografie, Abstände, Farben, Rounding und Schatten kommen hier komplett aus Tailwind-Utilities.
Spacing
`px-4 py-2`, `gap-6`, `mt-6` — sofort responsive anpassbar.
Flex & Grid
`flex-col md:flex-row`, `grid-cols-2` für einfache Breakpoints.
Typo
`text-4xl`, `font-semibold`, `tracking-tight` direkt im Markup.
A11y
Focus-Ringe über Tailwind-Utilities, klare Kontraste.