Published on
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

Pet projects

Muilessium preview

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

Promo Core preview

Boilerplate for static promotional websites. Pug, LESS, PostCSS, ES6+, Gulp, Webpack, BrowserSync, ESLint, Stylelint, auto-generated docs...

Shaders Gallery preview

Library for creating galleries of photos with effects based on WebGL shaders.