---
title: "SlideUp-Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Raviteja Karrothu · Buttons. A smooth, interactive & customizable CTA"
canonical: "https://framer.elliotli.dev/component/slideup-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/SlideUp-Button

# SlideUp-Button

A smooth, interactive & customizable CTA

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

![SlideUp-Button preview image 1](https://framer.elliotli.dev/og/component/slideup-button/9cc5647ed5d09ae7/1600x1200.jpg)

## Summary

A smooth, interactive & customizable CTA

## Description

### Slide-Up Button

Smooth, layered hover interaction with a subtle slide-up transition. Fully customizable and easy to use in any layout.

### Slide-Up Interaction

A dual-layer button that transitions upward on hover, revealing a highlighted state with depth and colour. Designed to feel responsive without being distracting.

### Flexible by Design

Works seamlessly across landing pages, portfolios, and product interfaces. Easy to integrate and adapt to your design system.

### Built for Modern Interfaces

Clean visuals combined with subtle motion make this button ideal for interfaces that need clarity with a touch of interaction.

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

-   All · #5397

## Details

- **Author**: Raviteja Karrothu
- **Published**: 2026-04-16
- **Updated**: 2026-04-16
- **Added**: 2026-04-07
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow