1
<CardShapes
2
  shape="heart"
3
  title="Heart"
4
  content="Perfect for emotional or romantic content"
5
  animation="pulse"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="star"
3
  title="Star"
4
  content="Highlight featured or important items"
5
  animation="glow"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="circle"
3
  title="Circle"
4
  content="Clean and modern for any content"
5
  animation="hover"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="diamond"
3
  title="Diamond"
4
  content="Elegant and eye-catching design"
5
  animation="rotate"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="hexagon"
3
  title="Hexagon"
4
  content="Modern geometric style"
5
  animation="float"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="pentagon"
3
  title="Pentagon"
4
  content="Unique five-sided shape"
5
  animation="hover"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="octagon"
3
  title="Octagon"
4
  content="Stop-sign inspired design"
5
  animation="glow"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="triangle"
3
  title="Triangle"
4
  content="Sharp and directional"
5
  animation="bounce"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="shield"
3
  title="Shield"
4
  content="Security and protection themed"
5
  animation="hover"
6
  size="medium"
7
  textStyle="bold"
8
/>

1
<CardShapes
2
  shape="badge"
3
  title="Badge"
4
  content="Achievement and recognition"
5
  animation="glow"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="speech"
3
  title="Speech"
4
  content="Chat and communication design"
5
  animation="hover"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="bookmark"
3
  title="Bookmark"
4
  content="Save and favorite items"
5
  animation="float"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="tag"
3
  title="Tag"
4
  content="Labels and categories"
5
  animation="hover"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="leaf"
3
  title="Leaf"
4
  content="Nature and eco-friendly themes"
5
  animation="float"
6
  size="medium"
7
  textStyle="elegant"
8
/>

1
<CardShapes
2
  shape="cloud"
3
  title="Cloud"
4
  content="Cloud services and weather"
5
  animation="hover"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="moon"
3
  title="Moon"
4
  content="Night mode and darkness themes"
5
  animation="pulse"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="gem"
3
  title="Gem"
4
  content="Premium and valuable content"
5
  animation="glow"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="infinity"
3
  title="Infinity"
4
  content="Unlimited possibilities"
5
  animation="morph"
6
  size="medium"
7
/>

1
<CardShapes
2
  shape="arrow"
3
  title="Arrow"
4
  content="Direction and navigation"
5
  animation="hover"
6
  size="medium"
7
/>