Radial
class="size-48 aspect-square rounded-full bg-gradient-radial from-tertiary-500 via-secondary-500 to-primary-500"
Conic
<figure class="size-48 aspect-square rounded-full bg-gradient-conic from-success-500 via-warning-500 to-error-500">
Spinner
<figure class="size-10 aspect-square rounded-full bg-gradient-conic from-transparent to-primary-500 animate-spin">
Text
<h1 class="type-scale-9 uppercase font-bold">
class="bg-gradient-radial from-tertiary-500 to-primary-500 bg-clip-text text-transparent box-decoration-clone"
Supported Utilities
Both radial and conic variations support Tailwind’s linear gradient options, including Color Stops and Stop Positions.
NextJS Users
Feel free to remove gradient-radial
and gradient-conic
from your local Tailwind config, these are redudant with Skeleton.