Card UI Generator

Create beautiful card components with customizable styles

Background Color

Padding24px

Border Radius12px

Offset X0px

Offset Y4px

Blur12px

Spread0px

Shadow Color

Shadow Opacity0.1

Border Width0px

This is a sample card component with customizable styles. You can adjust all properties in the panel.

.card {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  
}