Tailwind CSS

1. Styling with utility classes

   Utility-first CSS, composing styles in markup, and managing duplication with components.

2. Hover, focus and other states

   Variants for pseudo-classes, pseudo-elements, group, peer, aria and data attributes.

3. Responsive design

   Breakpoint variants, mobile-first approach, container queries and custom breakpoints.

4. Dark mode

   dark variant, prefers-color-scheme, and manual class or data attribute toggling.

5. Theme variables

   @theme directive, design tokens as CSS variables, extending and overriding the theme.

6. Colors

   Default palette, opacity modifiers, and customizing colors.

7. Adding custom styles

   Arbitrary values, custom CSS, @layer, @utility, @variant and plugin-like extensions.

8. Detecting classes in source files

   How Tailwind scans sources, dynamic class names pitfalls, safelisting and @source.

9. Functions and directives

   @import, @theme, @apply, @source, @utility, @variant and theme() functions.

10. Preflight

    Base style reset built on modern-normalize and its effects on elements.

Each section links to the official page. Titles and summaries by Extra Credit; the docs belong to their authors.

Source: endoflife.date

• Starlette
• Storybook
• Streamlit
• styled-components
• Svelte
• Symfony
• TanStack Query
• Tauri
• Three.js
• Tokio
• tRPC
• Turborepo