TailwindCSS v4.2.4 Design System

1 May 2026:

  1. Added 4 new colors: Mauve, Olive, Mist, Taupe

12 May 2025:

  1. Added Inset Shadows
  2. Fixed Some Typos

5 Feb 2025:

  1. Renamed variable width -> container
  2. Renamed variable font-letter-spacing -> tracking
  3. Renamed variable font-line-height -> leading
  4. Removed base group on black and white colors

3 Feb 2025:

  1. Renamed backdrop-blur-sm to backdrop-blur-xs
  2. Renamed backdrop-blur to backdrop-blur-sm

23 Jan 2025:

  1. Updated to Version 4.0
  2. Updated all colors to new p3 values (converted to hex for figma)
  3. Renamed shadow-sm to shadow-xs
  4. Renamed shadow to shadow-sm
  5. Renamed blur-sm to blur-xs
  6. Renamed blur to blur-sm
  7. Renamed rounded-sm to rounded-xs
  8. Renamed rounded to rounded-sm

29 Nov 2024:

  1. Bump version number to prepare for v4 release

18 Jun 2024

  1. Add 4xl radius
  2. Add 3xs and 2xs widths
  3. Update figma variable names to better match tailwind variables:
  4. Rename tracking to letter-spacing
  5. Rename leading to line-height
  6. Rename border-radius to radius
  7. Rename screens to breakpoint
  8. Rename colors to color

31 May 2024

  1. Scoped typography variables to specific properties.

18 Apr 2024

  1. Hidden unneeded components from publishing

17 Apr 2024

  1. New Typography Variables
  2. Added Line Height Variables
  3. Added Letter Spacing Variables
  4. Added Font Weight Variables
  5. Added Font Family Variables

13 Feb 2024

  1. Added 30 Avatar Images
  2. Added Cursor Components
  3. Added Max Width Grids
  4. Added Transparent Colour Variable

9 Feb 2024

  1. Fixed Opacity Variables Values
  2. Added Border Radius and Opacity Visuals

17 Jan 2024

  1. Scoped variables to specific properties to allow you to limit which properties it can be applied to.

28 Dec 2023

  1. Extend default opacity scale to include all steps of 5
  2. Removed colour styles in favor of colour variables.

8 Dec 2023

  1. Added Blur, Backdrop Blur Variables
  2. Linked Blur Styles to Variables

1 Dec 2023

  1. Updated the page background to dark mode
  2. Added border width variables
  3. Linked style colors with variables

26 Jun 2023

  1. Added Variables of Colors, Spacing, Opacity, Max Width, Border Radius, Font Size and Skew

28 Mar 2023

  1. Added new 950 shade colors

20 Dec 2021

  1. Added Spacing Scales
  2. Added Forms Plugin

17 Dec 2021

  1. Update Version

14 Dec 2021

Initial Release