---
title: "Gradient_Borders — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Danyal Asif · Backgrounds. This component allows users to add gradient borders which Framer doesn't support natively."
canonical: "https://framer.elliotli.dev/component/gradient-borders"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Gradient\_Borders

# Gradient\_Borders

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

![Gradient\_Borders preview image 1](https://framer.elliotli.dev/og/component/gradient-borders/eed72239632bddc7/1600x1200.jpg)

## Summary

This component allows users to add gradient borders which Framer doesn't support natively.

## Description

This component allows users to add gradient borders which Framer doesn't support natively. The component is fully customizable. **Usage:** Simply copy the component and paste it within the layer you want to apply gradient border to. Set it's position to Absolute and set all pins to zero.

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

-   All · #8798

## Details

- **Author**: Danyal Asif
- **Price**: $5.00
- **Published**: 2025-09-17
- **Updated**: 2025-09-17
- **Added**: 2025-09-02
- **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