---
title: "Dashed Border — Free Framer component · Best of Framer"
description: "Free Framer component · by Erwin · Backgrounds. It features two dashed border patterns on the left and right sides that add sophisticated visual structure to your content."
canonical: "https://framer.elliotli.dev/component/border-pattern"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Dashed Border

# Dashed Border

Dashed left and right borders pattern

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

![Dashed Border preview image 1](https://framer.elliotli.dev/og/component/border-pattern/cf9cf42c7ac19750/1600x1200.jpg)

## Summary

It features two dashed border patterns on the left and right sides that add sophisticated visual structure to your content.

## Description

This component creates an elegant framing effect perfect for websites. It features two dashed border patterns on the left and right sides that add sophisticated visual structure to your content.

Fully customize the borders with control over dash color, line thickness, dash length, and gap spacing between dashes.

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

-   All · #4751

## Details

- **Author**: Erwin
- **Published**: 2026-04-15
- **Updated**: 2026-04-15
- **Added**: 2026-04-10
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background