---
title: "Divider Pro — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Utkarsh Arya · Interactive. The missing native Framer divider"
canonical: "https://framer.elliotli.dev/component/divider-lines"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Divider Pro

# Divider Pro

The missing native Framer divider

[View on Framer](https://framer.com/marketplace/components/divider-lines/?via=elliot-li)

![Divider Pro preview image 1](https://framer.elliotli.dev/og/component/divider-lines/a74762251d567d4d/1600x1200.jpg)

## 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

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-enqhrhak-dxqe4dGQREQxJEoSq7DlmnAI1ODnXn)

-   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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #5407

## Details

- **Author**: Utkarsh Arya
- **Price**: $5.00
- **Published**: 2026-05-30
- **Updated**: 2026-07-22
- **Added**: 2026-05-22
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase