Magic Card

Необычная карточка, по контуру которой переливается градиентный неоновый свет, при наведении курсора на которую мы видим надпись «fullstack_libs».

👉 @fullstack_libs

Moko's lost!

404 страница, которая на самом деле является SVG картинкой, анимированной с помощью JS.

👉 @fullstack_libs

React Slick

Slick Slider для React - с его помощью создаются карусели со всеми нужными функциями и плавными переходами.

👉 @fullstack_libs

Shards React

Простой UI Framework, который предоставляет удобный и минималистичный api, что позволяет быстро создавать интерфейсы.

👉 @fullstack_libs

Announcement

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

👉 @fullstack_libs

Fluent UI

Набор платформ пользовательского интерфейса для создания кросс-платформенных приложений, которые предоставляют возможности проектирования и взаимодействия.

👉 @fullstack_libs

Shiny Debit Card

Верстка банковской карты на HTML и CSS с бесконечной анимацией поворота.

👉 @fullstack_libs

React Flickity

Это отличный адаптивный тач (управление жестами для планшетов и телефонов) слайдер для сайта. Легок в использовании, быстро интегрируется и легко настраивается.

👉 @fullstack_libs

Spacetime

Это облегченная библиотека для работы с датами в JavaScript, поддерживающая летнее время, високосные года и многое другое.

👉 @fullstack_libs

Timekeeping

Небольшое приложение - таймер, созданный на Vue и анимированный библиотекой gsap.

👉 @fullstack_libs

n3-charts

n3-charts создан поверх D3.js и AngularJS. Он предоставляет множество стандартных графиков в виде настраиваемых AngularJS директив.

👉 @fullstack_libs

Space cow

Создана из svg картинки. Дополнительные стили прописываются в препроцессоре Stylus.

👉 @fullstack_libs

Product page

Верстка страницы товара на HTML и CSS. При переключении цвета товара задействуется CSS анимация.

👉 @fullstack_libs

Cards Carousel

3D карусель на чистом CSS. Переключение между слайдами реализовано при помощи radio-кнопок.

👉 @fullstack_libs

Intro Slider for Description

Слайдер на HTML и SCSS. Анимации созданы в SCSS. В JS реализована логика переключения слайдов и запуска анимаций.

👉 @fullstack_libs

Expanding Cards

Оригинальный список карточек. При нажатии на карточку изменяется значение свойства flex-grow у карточки и задействуются CSS трансформации.

👉 @fullstack_libs

Day and Night

Созданный из svg-картинки, анимированной в CSS. Логика переключения состояния день/ночь сделана в JS.

👉 @fullstack_libs

Minimal Portfolio

Меню портфолио, состоящее из нескольких кнопок. Создано при помощи препроцессоров Pug и SCSS.

👉 @fullstack_libs

Noise Marble

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

👉 @fullstack_libs

Animating Slider Values

Оригинальный загрузчик, состоящий из слайдеров, анимированных при помощи библиотеки gsap.

👉 @fullstack_libs