component
Divider Pro
By Utkarsh Arya
Details
- Utkarsh AryaAuthor
- componentType
- $5.00Price
- 2026-05-30Published
- 2026-07-22Updated
- 2026-05-22Added
- InteractiveCategories
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.
- All · #3938