Спирали
Случайно генерируемые градиентные спирали на канвасе
Частицы на three.js
Частицы на three.js с возможностью настроек вариантов отображения с помощью dat-gui
Изменение формы курсора при наведении на ссылку
Эффект двойного курсора, когда за привычной стрелкой двигается кружок. Когда наводим на элемент с определенным классом, например на ссылку, то кружок плавно увеличивается в размере. Для придания плавности движения кружку используется библиотека GSAP.
Слайдер с размытыми градиентными не активными слайдами
Для эффекта размытия в местах сопряжения слайдов используется SVG c фильтром размытия
CSS фильтры для hover эффекта карточек
Hover эффект на CSS использующий фильтры для заблюривания неактивных карточек
Галактика на WebGL
Простая реализация галактики на three.js. В шейдерах используется текстура картинки звезды.
Деление клетки на канвасе, эффект для фона
Фоновый эффект для интро страницы сайта на канвасе. Митозис, деление клеток.
Облачный след от курсора на канвасе
Облачная маска привязанная к движению курсора позволяет увидеть скрытое изображение.
Просто сфера на three.js
Просто три вращающиеся сферы со случайным цветом для граней на three.js.
Эффект шестигранной мозайки
Эффект мозайки на изображении реализованной с помощью three.js и шейдеров.
Обесцвечивание картинки под курсором
Область под курсором переводит в оттенки серого цветное изображение благодаря шейдерам
Эффект наведения следящий за курсором
Подчеркивание ссылки при наведении на пункт меню