Border Radius Freehand.

Example: border-radius: 51% 49% 46% 54% / 100% 0% 0% 100%;

TR(Top-Right): Controls the top-right part of the border.
TL(Top-Left): Controls the top-left part of the border.
BR(Bottom-Right): Controls the bottom-right part of the border.
BL(Bottom-Left): Controls the bottom-left part of the border.
Height: Increase or decrease the height of a shape.
Width: Increase or decrease the width of a shape.

Border Radius Boxes.

Example: border-radius: 50% / 50% 0px;

Boxes: Click on a box to copy code.

Color Boxes.

Example: background: rgb(0, 123, 167);

Colors are also grouped according to their categories.
Boxes: Click on a box to copy code.

Color Picker.

Example: background-color: #0cb300;

The color picker section comes with a wide range of neatly arranged color views.
Boxes: Click on a box to view color arrangements, highlight on a color code, and press Ctl C on your keyboard to copy code.
Search: It has an input filed that allows you to search for colors by their names.

Color Generator.

Generates random colors with their codes.
Button: Click on the top button to generate colors and codes.
Boxes: Click on a box to copy color code.

Gradient Boxes.

Boxes: Click on a box to copy gradient code.

Gradient Generator.

Allows you to generate random gradients, select colors to create gradient and determine gradient positions.

Gradient Freehand.

Use the hand tools to create gradient styles of your choice.

Shadow Boxes.

Example: box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

Boxes: Click on a box to copy shadow code.

Shadow Freehand.

Use the hand tools to create box shadow styles of your choice.

Text Shadow.

Use the hand tools to create text shadow styles of your choice.