Effects
Drop Shadow
Focus Ring
Gray 800
Blue 500
Yellow 500
Red 500
Indigo 500
Purple 500
Pink 500
Green 500
White
Drop Shadow
Sm
Xl
Lg
Md
Default
2xl
Input
Range Slider Touch Area
Circles Pie Chart
Box Shadow
Sm
Md
Inner Shadow
Inner Shadow
Default
Layer Blur
Layer Blur
Sm
Default
Md
Lg
Xl
2xl
3xl
Background Blur
Background Blur
Here is some text that sits in the background and gets blurred by the layer above it. You can see the effect here with this text
Sm
Here is some text that sits in the background and gets blurred by the layer above it. You can see the effect here with this text
Default
Here is some text that sits in the background and gets blurred by the layer above it. You can see the effect here with this text
Md
Here is some text that sits in the background and gets blurred by the layer above it. You can see the effect here with this text
Lg
Here is some text that sits in the background and gets blurred by the layer above it. You can see the effect here with this text
Xl
Here is some text that sits in the background and gets blurred by the layer above it. You can see the effect here with this text
2xl
Here is some text that sits in the background and gets blurred by the layer above it. You can see the effect here with this text
3xl