Didn't come from the Website, I suggest go check out the website https://yush.dev. Visited? Cool. Now go back to that website and open your Developer console, you can use the shortcut Option+⌘+J (on macOS), or Shift+CTRL+J (on Windows/Linux) on that site and maybe that will impress you.
Anyway, here are some things you might want to do next.
The library I am using is called particleText.js and it can be found on this GitHub Repository. Please note, it is heavily under beta and might need some time before it is production ready. But I am trying to speed up the process (specially on Weekends). Feel free to contribute.
I am Aayush Sinha, (you must be knowing that by now, lol). You can connect with me on the following platforms. (I'd recommend to start with GitHub, the first link).
I have tried to support and optimize this on many browsers including Internet Explorer. In fact, I am also handling situations when the devices are not that fast and based on the device speed, I am adjusting the animation speed and quality. I am trying to ensure a smooth 60fps (It looks awesome at 120+ fps) for the animations, but because of the limited hardware I have, I can only test so much. If you find an issue or if it doesn't work (including the Developer console part) on your browser, then please create an issue on this repository.
ProTip: It will be really helpful if you can also share the device information like the OS/Processor/GPU/RAM, etc.
- HTML/CSS/JS (All Vanilla).
- ParticleText.js
- GitHub
- GitHub Pages - Mapped to the domain directly (That contains Continuous Deployment. i.e., I push to my repository and it is reflected on the website automagically).
- Google Domains.
- A lot of ❤️
That's all folks!