LogoLogoLogoLogoPaceKit
BlocksGSAP
GSAP
  • Introduction
  • Installation
  • AI Toolkit
  • Modal Selector
  • Modal Ability Selector
  • AI Suggestions
  • Response Writer
  • Token Counter
  • Text Effects
  • Reveal Text
  • Scramble Text
  • Squash Text
  • Bouncing Text
  • Draw Line Text
  • Mouse Wave Text
  • Dot Animations
  • Dot Loader
  • Dot Flow
  • Flow Builder
  • Buttons
  • Text Fall Button
  • Spring Button
  • Utility & Misc
  • Swap
  • Animated Stack
  • Layered Stack
  • Gradient Shadow
  • GitHub Star Counter
  • Profile Peek
  • Flip Reveal
  • Special Cases
  • Reveal On Scroll
  • Stagger on Scroll
  • Liquid Cursor
  • Liquid Glass
  • Tilt Card

Spring Button

PreviousNext

A button that shrinks on press and springs back with bounce.

Examples

Deeper Press

Set the scale value between 0 and 1 to lower values make the button shrink more when pressed.

Props

SpringButton

PropTypeDefault
scalenumber0.85
shakingbooleantrue
Text Fall ButtonSwap

Built by Denish at PaceKit

On This Page

ExamplesDeeper PressPropsSpringButton

Better Auth Starter

Ship your SaaS faster with a solid starting point for TanStack Start and Next.js

Launch Now