Published on
placeholder Loaders (WebGL shaders) preview

I’m still experimenting with shaders and I’ve created a couple of nice loaders. Do you think that WebGL shaders were created for something else? Maybe you’re right… but it’s easy to create interesting effects with them.

See the Pen Loader (WebGL shader) by Ivan Bogachev (@sfi0zy) on CodePen.

This is an experiment and I think we shouldn’t do it in production. The performance is very bad, especially on mobile devices. It’s better to use SVG here.

See the Pen Loader (WebGL shader 2) by Ivan Bogachev (@sfi0zy) on CodePen.

Related posts

placeholder 3 dots spinner - post preview
placeholder Gooey spinner - post preview
placeholder Arrow animation - post preview

Projects

placeholder Muilessium preview
13  2  10k+

Simple UI framework. RSCSS, REM-based sizes, fluid typography and other nice ideas. This website is powered by it.

placeholder Ucavatar preview
13  500+

Unique avatars for your users. No dependencies, VanillaJS, 1.6KB gzipped.

placeholder Atlantic-dark scheme preview
4  2 

Dark color scheme for Vim. Mostly blue and green colors.