391 Codepen

Гибкий текст

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

Гибкий текст
452 Codepen

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

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

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

Спирали

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

Спирали
655 Codepen

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

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

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

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

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

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

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

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

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