---
title: "Softly Gradient — Free Framer component · Best of Framer"
description: "Free Framer component · by Softly Supply · Text. Animated flowing gradient text"
canonical: "https://framer.elliotli.dev/component/softly-gradient"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Softly Gradient

# Softly Gradient

Animated flowing gradient text

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

![Softly Gradient preview image 1](https://framer.elliotli.dev/og/component/softly-gradient/92741e741f317aaa/1600x1200.jpg)

## Summary

Animated flowing gradient text

## Description

A smooth animated gradient that flows across your text — great for headlines, heroes, and CTAs. Custom colors, angle, speed, and any font. Single .tsx file — installs in one paste.

**How to install**

1\. Click “Copy Component” (or use the Component URL).

2\. Open your Framer project.

3\. Paste directly on the canvas (Cmd/Ctrl + V).

4\. Select the component and customize it in the right-hand properties panel.

Important

The Component URL is an install link, not a normal webpage. Opening it in a browser only shows version info — it must be pasted inside Framer.

Need help?

Questions or custom tweaks — we usually reply within 72 hours.

More from Softly Supply

Free & paid Framer components: [https://softly.supply](https://softly.supply)

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

-   All · #4620

## Details

- **Author**: Softly Supply
- **Published**: 2026-06-19
- **Updated**: 2026-07-17
- **Added**: 2026-06-19
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing