---
title: "Soft Gardiant button — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Hugo Nilsson · Buttons. A sleek, modern “Get Started” button set against a dark, minimalist background."
canonical: "https://framer.elliotli.dev/component/soft-gardiant-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Soft Gardiant button

# Soft Gardiant button

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

![Soft Gardiant button preview image 1](https://framer.elliotli.dev/og/component/soft-gardiant-button/55e4affc93ce7913/1600x1200.jpg)

## Summary

A sleek, modern “Get Started” button set against a dark, minimalist background.

## Description

A sleek, modern “Get Started” button set against a dark, minimalist background. The rounded black button features clean white text, a subtle outline, and a small link icon.

An outline effect that shifts to the right on hover/press and on desktop it causing the text and icon to move slightly.

Ideal for landing pages, onboarding flows, or call-to-action designs that need a polished, professional look.

## Included customizability:

-   Text, Color & Link: Fully customizable text, text colors, background colors and you can link it to any URL
    
-   Icon: Icon that can be replaced with anything you like or removed
    
-   Customizable: shapes, radius, size, Border
    
-   Adjustable typography, padding, shadow, angles etc.
    

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

-   All · #10044

## Details

- **Author**: Hugo Nilsson
- **Price**: $3.00
- **Published**: 2026-01-14
- **Updated**: 2026-01-14
- **Added**: 2025-12-29
- **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