#BADA55, #101 (lol), #C55 (CSS), #fb1 (FBI), etc...

It uses the l33t code for that.

It generates different layouts

Another collection of CSS loaders and spinners

Another list of CSS spinners

Customizable CSS loaders and spinners

Another background css pattern generator

Another one: https://patternizer.com/4rvv

Build semi-transparent, blurred glass-like backgrounds.

Generates beautiful shadows

TL;DR; instead of

• padding-left: use padding-inline-start
• padding-right: use padding-inline-end
• padding-top and -bottom: use padding-block
• width: use inline-size
• height: block-size
• overflow-x or -y: use overflow-inline or overflow-block
• position: top: use inset-block-start

Here is the pattern:

• inline for the reading axis. For us, it is left to right.
• block for the other (thickness) axis. For us, it is top to bottom.

Generate color gradients

You simply substract the side distance [y-axis] from the larger corner radius.

That way you end up with the right one for the smaller shape.

Seen on Twitter but I could not find the author again

When using auto-fill, the items will grow once there is no space to place empty tracks.

When using auto-fit, the items will grow to fill the remaining space because all the empty tracks will be collapsed to 0px.