archisvaze

archisvaze / react-tilt-button

Public

A tactile 3D button for React that tilts on hover and squishes on press. Modern and dependency-free.

59
2
100% credibility
Found Feb 01, 2026 at 25 stars 2x -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
JavaScript
AI Summary

A library providing customizable 3D tilt and squish button components for React applications with realistic hover and press interactions.

How It Works

1
🔍 Discover the Magic Button

You find a cool online demo of buttons that tilt and squish like real 3D objects when you hover or click.

2
🖱️ Play with the Demo

You move your mouse around to see the button lean left, right, or stay centered, and press to watch it squish with depth.

3
✨ Fall in Love with the Effect

The realistic tilt, shine, and press feel makes the button pop off the screen like a physical toy.

4
📥 Add to Your Project

You grab this button tool and drop it right into your website or app builder.

5
🎨 Choose Your Style

Pick from fun presets like arcade glow or warning red, or tweak size, colors, and shine to fit your vibe.

6
🔗 Connect the Action

Tell the button what to do on click, like opening a menu or sending a message.

🚀 Buttons Come Alive

Your page now has playful, touchable buttons that delight every visitor and make everything feel premium.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 25 to 59 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is react-tilt-button?

React-tilt-button is a lightweight, dependency-free React component built in modern JavaScript that creates tactile 3D buttons, tilting left/right/middle on hover and squishing on press for a physical feel like a tactile button switch 6mm or 3D printed tactile button cap. It solves flat UI fatigue by adding visible depth, side walls, and realistic constraints, turning basic buttons into engaging primitives. Drop it in via npm for instant hover and press feedback in any React app.

Why is it gaining traction?

It stands out with zero dependencies, predefined variants like arcade or carbon for quick modern looks, and auto-clamped geometry that never visually breaks—no more inverted tilts or crashes. The live demo lets you tweak tilt, elevation, and glare on the fly, copying props directly, while hover zones and dynamic specular highlights mimic tactile buttons or sensors from GitHub repos. Developers grab it for that premium, tactile module vibe without bloat.

Who should use this?

React frontend devs building landing pages, dashboards, or prototypes needing standout CTAs, like warning buttons or arcade-style triggers that echo tactile button breadboard setups. Suited for UI experimenters wanting press-squish haptics akin to SMD tactile buttons with LED glow via glare props. Avoid if you're wiring enterprise forms craving semantic simplicity.

Verdict

Solid docs, playable demo, and variant props make it a fun pick for tactile React UIs, despite 46 stars and 1.0% credibility signaling early maturity—test thoroughly before prod. Great for injecting physical button energy into JS apps.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.