4 125 Text / Codepen

Гибкий текст

Немного css магии font-variation-settings, -webkit-background-clip, -webkit-text-fill-color приправленной js и прикольный эффект над текстом.

Гибкий текст
2 758 Codepen

Бесконечный CSS grid

Бесконечно перетаскиваемые изображения по всем направлении на гридах и с применением библиотеки anime.js

Бесконечный CSS grid
2 769 Codepen

Спирали

Случайно генерируемые градиентные спирали на канвасе

Спирали
4 470 Codepen

Частицы на three.js

Частицы на three.js с возможностью настроек вариантов отображения с помощью dat-gui

Частицы на three.js
4 561 Скрипты / Other

Изменение формы курсора при наведении на ссылку

Эффект двойного курсора, когда за привычной стрелкой двигается кружок. Когда наводим на элемент с определенным классом, например на ссылку, то кружок плавно увеличивается в размере. Для придания плавности движения кружку используется библиотека GSAP.

Изменение формы курсора при наведении на ссылку
3 652 Codepen

Галактика на WebGL

Простая реализация галактики на three.js. В шейдерах используется текстура картинки звезды.

Галактика на WebGL