Shiny.js

Minimal One Pager showcasing how the Shiny.js library works. Simply open it up on mobile and tilt your device to see the impressive shine effect! The library can add shiny reflections to text, backgrounds, and borders on devices that support the DeviceMotion event.

For the past couple of weeks I've been experimenting with the 'deviceorientation' event, I figured I could use it to make materials on the web come to life on mobile devices (read "devices that have gyroscopes"). The result of this is Shiny.js, a tiny JavaScript library that can add reflections to text, backgrounds, and borders. Resulting in more lifelike graphics.
Typefaces Roboto
Landing Page Hot Tips Ebook
Strengthen your Landing Pages with 100 Hot Tips, audiobook and interactive launch checklists ๐Ÿ”ฅ
Email Inspiration? Introducing Email Love ๐Ÿš€