Range

Пример кастомной стилизации input типа диапазона, реализованный с помощью CSS и JavaScript.

#js

Wriggly squiggly nav

Подчеркивание под выбранным элементом - это svg-картинка, стили которой изменяются через JS.

#js

Skeuo-alien-morphic loaders

Загрузчики на HTML и CSS. На JS создана логика изменения цвета, зависящая от положения курсора пользователя.

#js

Holo Card

Верстка сделана с использованием возможностей препроцессоров Pug и SCSS. На JS реализована логика поворота карточки в зависимости от положения курсора пользователя.

#js

Neumorphic Liquid Slider

Создано без использования библиотек. На JS устанавливаются значения и запускаются анимации.

#js

Flowerpot Slider

Необычный слайдер, сделанный из svg-картинки, анимированной библиотекой gsap.

#js

Book Writing Animation

Анимация набора текста сделана при помощи пакета typewriter-effect.

#js

Smoke Cloud

Анимация движения дымового облака. Реализована с помощью Three.js.

#js

Easter Hunt Paginator

Вся сцена - это svg-картинка, которая анимируется библиотекой gsap.

#js

CSS Emoting Eyes

Вёрстка реализована при помощи препроцессоров Pug и SCSS. Параметры состояний задаются в JS.

#js

Colour Creep

Это svg-картинка, анимируемая библиотекой gsap.

#js

3D Cards

Вёрстка реализована с использованием возможностей препроцессоров Pug и SCSS. В JS создана логика поворота карточки, зависящая от положения курсора пользователя.

#js

Guess a Color

Небольшая игра на чистом JS. Вёрстка реализована на HTML и SCSS.

#js

GSAP - Scroll animation

Анимация текста при прокрутке. Реализована с помощью CSS и JavaScript.

#js

trippy text

Анимации и трансформации зависят от положения курсора пользователя и созданы в JS.

#js

Animated blob SVG text clipping effect

Анимация появления и исчезновения текста. Реализовано с помощью SVG-текста и JavaScript.

#js