Utilities
The utilities the kit adds to Tailwind's own: the dotted ground plates sit on, the shimmer it pulls in from tw-shimmer, and the scroll-fade and no-scrollbar that come with shadcn's sheet. Import it from your globals.css.
01Preview
01bg-dottedutilities.cssA 16px grid of dots in the border color, for a ground that should read as a canvas.
Thinking through it…
shimmertw-shimmerA highlight that sweeps across text while something is working, and holds still under reduced motion.
- Row 01
- Row 02
- Row 03
- Row 04
- Row 05
- Row 06
- Row 07
- Row 08
- Row 09
- Row 10
- Row 11
- Row 12
scroll-fadeshadcnFades a scroll area's edges, but only the edges with more to scroll to.
no-scrollbarshadcnHides the scrollbar and keeps the scrolling, for a row whose overflow is obvious from what it cuts off.
02Installation
npx shadcn@latest add https://aiellie.app/r/utilities.json