Skip to content

nat-davydova/glassmorphism-stopwatch

Repository files navigation

Glassmorphism StopWatch (React/TS)

This is a compact and straightforward yet aesthetically appealing stopwatch demo. Users have the ability to initiate time tracking, stop it (completely, without resume option), and reset the timer.

My goal was to develop a modern UI/UX design from scratch: from a design concept up to the implementation in React and TypeScript.

Check the Live Demo

image

Stack

React TypeScript CSS3 HTML5 Vite

Features

  • user can start, stop (completely, without resume option) and reset the timer;
  • modern and slick glassmorphism effect is built with backdrop-filter;
  • fully responsive (up to 280px, Galaxy Fold compatible);

How to run locally

  • install dependencies
npm install
// or
yarn
  • start local server via Vite
npm start dev

// or

yarn dev

About

React/Typescript StopWatch concept in a modern glassmorphism style

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages