About one in nine Uiverse components is Tailwind-only markup, written against Tailwind v3. The
archive compiles their classes with v4 at build time (src/lib/tailwind.ts), which is mostly
identical, except:
- Border colour. v3 defaulted to
gray-200; v4 usescurrentColor. The compiler input adds the v3 default back. - Shadow, blur and radius scales shifted one step. v3’s
shadow-smis v4’sshadow-xs,roundedisrounded-sm, and so on. Old names still compile, just one size smaller. ringis 1px in v4 (3px in v3). Writering-3to get the old look.- Gradients.
bg-gradient-to-rstill works; v4’s own name isbg-linear-to-r.
If a preview looks slightly off next to uiverse.io, it’s almost always one of these.
Source: tailwindcss.com