Skip to content

theanimatedmonk/flashlight-button

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Uploading image.png…

Skeuomorphic Flashlight Button

An interactive flashlight button with realistic skeuomorphic design and smooth animations.

Built with Rive Interactive

✨ Features

  • Skeuomorphic Design - Realistic button styling with depth and shadows
  • Interactive Animation - Smooth ON/OFF toggle states
  • Material Background - Procedural noise texture pattern
  • Responsive Design - Works on desktop and mobile

πŸš€ How to Use

  1. Open index.html in your browser
  2. Click the flashlight button to toggle ON/OFF
  3. Enjoy the smooth animations and realistic design

πŸ“ Files

β”œβ”€β”€ index.html              # Main interface
β”œβ”€β”€ script.js               # Button logic
β”œβ”€β”€ style.css               # Skeuomorphic styling
└── flashlight_button.riv   # Rive animation

Built with: HTML, CSS, JavaScript, Rive

About

Skeuomorphic flashlight button

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published