The "Apple Siri" wave is replicated in pure Javascript using the Canvas API. To learn more about the project, read the blog post, and check the demo or code pen. Import the UMD package via the unpkg CDN and it's ready to use. Create a div container and instantiate a new SiriWave object. Stop the animation and destroy the canvas, by removing it from the DOM. Subsequent start() calls on this SiriWave instance will fail with an exception.

Features

  • iOS (classic) style
  • iOS9 style
  • iOS13 style
  • New fluorescent wave introduced in iOS9
  • Browser (via CDN) usage
  • ES module

Project Samples

SiriWave Screenshot 1

Project Activity

See All Activity >

Categories

Libraries

License

MIT License

Follow SiriWave

SiriWave Web Site

Other Useful Business Software
Build Data Resilience - Take the Assessment Today Icon
Build Data Resilience - Take the Assessment Today

Can you recover when it matters most? Take this quick assessment to identify gaps and build greater recovery confidence.

Is your recovery strategy as strong as you think? Take this quick self-assessment to check your recovery readiness and gain tailored insights. In only 2 minutes, you'll learn where you fall on the recovery readiness scale.
Take the Assessment
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of SiriWave!

Additional Project Details

Operating Systems

Apple iPhone

Programming Language

JavaScript

Related Categories

JavaScript Libraries

Registered

2023-06-23
Report inappropriate content