Design System Builder

Effects

Shadows

shadow-sm
shadow-sm
shadow
shadow
shadow-md
shadow-md
shadow-lg
shadow-lg
shadow-xl
shadow-xl
shadow-2xl
shadow-2xl

Border Radius

rounded-none
rounded-none
rounded-sm
rounded-sm
rounded
rounded
rounded-md
rounded-md
rounded-lg
rounded-lg
rounded-xl
rounded-xl

Blur Effects

Background for blur effect demonstration
blur-sm
blur-sm
Background for blur effect demonstration
blur
blur
Background for blur effect demonstration
blur-md
blur-md
Background for blur effect demonstration
blur-lg
blur-lg
Background for blur effect demonstration
blur-xl
blur-xl
Background for blur effect demonstration
blur-2xl
blur-2xl