---
title: "Glass button — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Sami Mansouri · Buttons. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/slash-cancel-button"
---

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

# Glass button

glass button

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

![Glass button preview image 1](https://framer.elliotli.dev/og/component/slash-cancel-button/0dc4e90393c9f049/1600x1200.jpg)

## Summary

glass button

## Description

**Slash Cancel Button** is a stunning, interactive button component that brings cinematic anime-style animations to your Framer projects. When clicked, a glowing slash cuts diagonally through the word "Cancel," splitting it in half before it elegantly fades and reappears.

**Features:**

-   **Anime Slash Animation** – A glowing diagonal slash cuts through the text on click, with customizable glow color
    
-   **Text Split Effect** – The word dramatically separates into two halves that drift apart and blur out
    
-   **Smooth Reappear** – Text fades back in with a soft blur-to-focus transition
    
-   **Glass or Solid Mode** – Choose between a glassmorphism style or solid color background
    
-   **Native Font Picker** – Full typography control with Framer's built-in font selector
    
-   **Glass Text Option** – Toggle between solid text or transparent glass-style text
    
-   **Customizable Shadow** – Control shadow color, blur, and position (X/Y)
    
-   **Adjustable Radius** – From sharp corners to pill shape
    
-   **Hover & Tap Animations** – Subtle scale effects for interactive feedback
    

**Refund Policy**

**Digital Products (Framer Components)**

All purchases of Framer components are final. Due to the digital nature of these products and immediate access upon purchase, **no refunds, returns, or exchanges are accepted once a component has been purchased and delivered**.

**Exceptions**Refunds may be considered only in the following limited cases:

-   The component is demonstrably defective and does not function as described.
    
-   You are unable to access the purchased component due to a technical issue on our side.
    

In such cases, you must contact support within **7 days** of purchase and provide clear details of the issue. If verified, we may offer a fix or replacement. Refunds are not guaranteed.

**Non-Refundable Cases**

-   Change of mind.
    
-   Lack of compatibility with your project, tools, or third-party plugins.
    
-   Failure to read the product description or requirements before purchase.
    

By completing a purchase, you acknowledge and agree to this Refund Policy.

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

-   All · #10022

## Details

- **Author**: Sami Mansouri
- **Price**: $3.00
- **Published**: 2026-01-30
- **Updated**: 2026-04-17
- **Added**: 2026-01-03
- **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