Custom user rate screen with a tweened SVG animation
Note: This demo uses the
prefers-reduced-motion
CSS media feature to respect the user's system settings regarding animations. This means that if you're using decent browser and have such a setting enabled you will not be able to see the fully animated output.
Clone and cd
into the root of this repository. Install the required
dependencies (npm i
) and run npm start
to start a local development server.
This animation was inspired by this custom rate screen implemented in Swift.
This project is open to and encourages contributions! Feel free to discuss any bug fixes/features in the issues. If you wish to work on this project:
- Fork this project
- Create a branch (
git checkout -b new-branch
) - Commit your changes (
git commit -am 'fixed something'
) - Push to the branch (
git push origin new-branch
) - Submit a pull request!