---
title: "GradientTrialButton — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Cyris · Buttons. Premium gradient CTA button"
canonical: "https://framer.elliotli.dev/component/gradienttrialbutton"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/GradientTrialButton

# GradientTrialButton

Premium gradient CTA button

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

![GradientTrialButton preview image 1](https://framer.elliotli.dev/og/component/gradienttrialbutton/0ac69e8ffb1ea208/1600x1200.jpg)

## Summary

Premium gradient CTA button

## Description

This gradient CTA button is built for modern UI design, combining clean aesthetics with flexible customization. It supports dynamic content, icon integration, adjustable spacing, and smooth visual effects.

The component includes gradient color controls, border and shadow styling, and an optional shine effect to create a more engaging and high-converting call-to-action.

Designed for ease of use, all properties are logically grouped—making it fast for designers and developers to customize without confusion.

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

-   All · #11257

## Details

- **Author**: Cyris
- **Price**: $4.00
- **Published**: 2026-04-08
- **Updated**: 2026-04-08
- **Added**: 2026-03-21
- **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