5e:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/415hvdruki4ud.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1ktf0sm5sxqup.js","/creators-assets/_next/static/immutable/chunks/1dzfckym0nghc.js","/creators-assets/_next/static/immutable/chunks/1vr_3-vdcf0mn.js","/creators-assets/_next/static/immutable/chunks/1cuuzi60s_xh3.js","/creators-assets/_next/static/immutable/chunks/1e4nq30y40mt7.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1gop2naj8q_bx.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/2k_aekaeyljm2.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mxxs4-__ynew.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/43klns5g0wl80.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3q5d1avmchlp0.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/149w-u4or12up.js","/creators-assets/_next/static/immutable/chunks/1kws7r6etoq5-.js","/creators-assets/_next/static/immutable/chunks/13mks9ztnefhj.js","/creators-assets/_next/static/immutable/chunks/17pioewhhzr_j.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/2p4sqhvmasp9s.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/3lqyfto2688hr.js","/creators-assets/_next/static/immutable/chunks/3fr1ev83fgwky.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/0g9mmnya96tz6.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/2jl0sg8984bmg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2zlizmh1083ez.js"],"PostDetailCard"] 5f:T720,

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

5b:[["$","$L5e",null,{"post":{"id":"019e793b-f1d3-7ab2-a865-a6bed175130d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[],"resources":[{"id":"9UFqrLJzZlp2O8AG1sSd","resolved":true,"title":"Divider Pro","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Styles"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Straight – clean single line"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dashed – configurable dash length and gap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dotted – configurable dot spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Double – two parallel lines with adjustable gap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wavy – smooth sine wave with adjustable amplitude and cycle width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zig-Zag – angular pattern with adjustable amplitude and unit width. Supports rounded or sharp corners."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hatch - Diagonal line pattern with adjustable thickness, gap and angle"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gradient fill – set a start and end color across the divider length. Works across all styles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation – animate dashed, dotted, and wavy styles in forward or reverse direction with configurable speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cap styles – round, square, or flat line endings for dashed and wavy styles. Round cap also rounds zig-zag corners."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual orientation – horizontal or vertical, works in any layout Responsive – fills any frame size without distorting stroke thickness"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Properties"}],"attrs":{"level":1}},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-enqhrhak-dxqe4dGQREQxJEoSq7DlmnAI1ODnXn","link":null,"caption":"","uploadId":null}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Styles: Straight, Dashed, Dotted, Double, Wavy, Zig-Zag"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Orientation : Vertical, Horizontal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Solid Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gradient"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Thickness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Opacity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cap Style : Round, Square, Flat"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dash Length / Gap (For Dashed style)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dot Spacing (For Dotted style)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Amplitude + Unit Width (For Wavy, Zig-Zag styles)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animate : None, Forward, Reverse (Supported for Dashed, Dotted, Wavy styles)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation Speed"}]}]}]}]},"introduction":"The missing native Framer divider","slug":"divider-lines","author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/9UFqrLJzZlp2O8AG1sSd/divider-lines-cddqxxyjTX4VwOiHlbpNDj7iJkKRci","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-22T06:32:02.564Z","updatedAt":"2026-07-22T06:46:09.857Z","publishedAt":"2026-05-30T14:13:52.211Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://uxarya-components.framer.website/divider","price":"5","paymentUrl":"https://uxarya.lemonsqueezy.com/checkout/buy/8d0d562b-f096-4114-8cce-99381b3b47c6","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"k5eojGJcJwZjSmlWsZRE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T14:13:52.211Z","updatedAt":"2026-05-30T14:13:52.211Z","reported":false}}],"$L60"]

Suggested for you