---
title: "Running Dashed Line — Free Framer component · Best of Framer"
description: "Free Framer component · by Fizi Lee · Buttons. Dashed Line & Border for Card"
canonical: "https://framer.elliotli.dev/component/running-dashed-line"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Running Dashed Line

# Running Dashed Line

Dashed Line & Border for Card

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

![Running Dashed Line preview image 1](https://framer.elliotli.dev/og/component/running-dashed-line/9047122af9e6a7bb/1600x1200.jpg)

## Summary

Dashed Line & Border for Card

## Description

How to Use

1.  Drag the component onto your canvas.
    
2.  Choose a **Style**:
    
    -   **Border** – Displays an animated dashed border around the frame.
        
    -   **Line** – Displays an animated dashed line.
        
3.  Customize the dash appearance using **Dash Length** and **Gap Length**.
    
4.  Adjust the animation speed with the **Speed** control.
    
5.  Change colors for the border, line, and hover states.
    
6.  Enable **Solid on Hover** to transform the dashed stroke into a solid line when hovered.
    
7.  For line mode, use **Line Cap** to switch between Butt, Round, and Square endings.
    
8.  Resize the layer freely to fit your design.
    

Perfect for buttons, cards, dividers, highlights, and interactive UI elements.

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

-   All · #2836

## Details

- **Author**: Fizi Lee
- **Published**: 2026-06-22
- **Updated**: 2026-07-24
- **Added**: 2026-06-22
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything