Skip to content

component

Divider Pro

By Utkarsh Arya

Details

Summary

The missing native Framer divider

Description

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. Hatch - Diagonal line pattern with adjustable thickness, gap and angle 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 Styles: Straight, Dashed, Dotted, Double, Wavy, Zig-Zag Orientation : Vertical, Horizontal Solid Color Gradient Thickness Opacity 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

Introduction

The missing native Framer divider

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400157938/148/228/309/79/15
  • All · #3938