Divider Lines — 6 divider styles with colors & animation

Styles

• Straight – clean single line

• Dashed – configurable dash length and gap

• Dotted – configurable dot spacing

• Double – two parallel lines with adjustable gap

• Wavy – smooth sine wave with adjustable amplitude and cycle width

• Zig-Zag – angular pattern with adjustable amplitude and unit width. Supports rounded or sharp corners.

Features

• Gradient fill – set a start and end color across the divider length. Works across all styles.

• Animation – animate dashed, dotted, and wavy styles in forward or reverse direction with configurable speed

• Cap styles – round, square, or flat line endings for dashed and wavy styles. Round cap also rounds zig-zag corners.

• Dual orientation – horizontal or vertical, works in any layout Responsive – fills any frame size without distorting stroke thickness

Properties

• Solid Color

• Gradient

• Thickness

• Opacity

• Orientation : Vertical, Horizontal

• Cap Style : Round, Square, Flat

• Dash Length / Gap (For Dashed style)

• Dot Spacing (For Dotted style)

• Amplitude + Unit Width (For Wavy, Zig-Zag styles)

• Animate : None, Forward, Reverse (Supported for Dashed, Dotted, Wavy styles)

• Animation Speed