This is a stylish and interactive calculator designed with a glassmorphic aesthetic. It features a sleek interface with a glass-like appearance, providing an engaging user experience. The calculator allows users to perform basic arithmetic operations and includes additional features like glare effect and gyroscope functionality for an enhanced experience.
- Glassmorphic Design: The calculator has a modern glass-like design, providing a visually appealing interface.
- Basic Arithmetic Operations: Users can perform addition, subtraction, multiplication, and division operations conveniently.
- Clear Functionality: Clear button (c) to reset the input field.
- Decimal and Double Zero Input: Users can input decimal numbers and double zeros.
- Dynamic Transition Effects: Smooth transition effects for a polished user experience.
- Glare Effect: Includes a glare effect for added visual appeal.
- Gyroscope Functionality: Utilizes gyroscope sensors for interactive tilting effects.
- Responsive Design: The calculator is responsive and adapts to different screen sizes.
- Enter numbers and operators using the provided buttons.
- Use the = button to compute the result of the expression.
- To clear the input field, click on the c button.
- Enjoy the dynamic glassmorphic design with tilt and glare effects.
- Clone the repository or download the source files.
- Open
index.htmlin a web browser.
- Node Waves: A lightweight JavaScript library for creating click effects on buttons.
- The calculator is built using HTML, CSS, and JavaScript.
- CSS styles are provided in the
style.cssfile. - JavaScript functionality is implemented in the
app.jsfile. - The VanillaTilt library is used for the glassmorphic tilt effect.
- Gyroscope functionality is enabled using the device's gyroscope sensors.
- Glare effect is implemented for enhanced visual appeal.
- VanillaTilt: Library for adding tilt effect to elements.
- Node Waves: JavaScript library for click effects.