Viewport units are a set of relative length units in CSS that are based on the size of the viewport, offering a way to create responsive designs that adapt to different screen sizes. They include units such as vw, vh, vmin, and vmax, which represent percentages of the viewport's width, height, and the smaller or larger of the two dimensions, respectively.