Fancy Swiper slider

Оригинальный слайдер, созданный с использованием библиотеки Swiper.

#js

Hopdot Loader

Плавный и приятный прелоадер в виде перекатывающихся точек, реализованный с помощью GSAP.

#js

Volume button knob 

Кнопка увеличения/уменьшения громкости, реализованная на CSS (SCSS) и JavaScript (TypeScript)

#js

Just Ice

Создано на canvas и webGL.

#js

In-n-out box-shadow animation 

Анимация теней для окна ввода-вывода, реализованная на CSS и JavaScript.

#js

Unicycle Range Slider

Ползунок диапазона с отображением числового значения на флаге. Реализован с помощью CSS и JavaScript.

#js

Sticky Slider Navigation

Слайдер, основанный на якорных ссылках, созданный на HTML, SCSS и JS.

#js

FLIP image grid modal

Анимация реализована при помощи библиотеки gsap.

#js

Orbit (Game)

Игра на JS с несколькими отличающимися уровнями.

#js

Сделано на чистом JS и canvas.

#js

A Cubey Slider

Верстка реализована при помощи препроцессоров Pug и SCSS. В качестве языка программирования используется CoffeeScript.

#css #js

Full Screen Portfolio Carousel

Карусель, созданная без использования дополнительных библиотек, на HTML, CSS и JS.

#js

Rating

Выставление рейтинга в виде звезд. Анимация реализована с помощью библиотеки GSAP.

#js

Glowing Blob Effect

Текст с эффектом при наведении. Реализовано с помощью CSS и JavaScript.

#js

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