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

Todo List

Сделан на React и TypeScript. Анимации реализованы в SCSS.

👉 @fullstack_libs

Time Comparison

Сделано на Vue. В зависимости от выбранной таймзоны, изменяется картинка.

👉 @fullstack_libs

Scroll Rocket

Автор обрабатывает событие "scroll", изменяет стили ракеты и неба.

👉 @fullstack_libs

Text by circles

Текст создается на canvas, в js создана сложная логика отрисовка букв.

👉 @fullstack_libs

3D Cards Scene + Lightbox

Анимированная 3D сцена, созданная без использования JS.

👉 @fullstack_libs

Helical dust

Бесконечная анимация, созданная в JS. Все частицы отрисовываются на canvas.

👉 @fullstack_libs

Player/User Cards

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

👉 @fullstack_lbs

Iconic Tab Bar

Панель табов на чистом CSS с красивыми переходами, реализованными при помощи CSS трансформаций.

👉 @fullstack_libs

Acrobatic Preloader

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

👉 @fullstack_libs

SVG & GSAP Morphing

Рейтинг, созданный из svg картинки, анимируемой библиотекой GSAP.

👉 @fullstack_libs

Photo Gallery

Галерея на React + TypeScript, стили созданы при помощи препроцессора SCSS.

👉 @fullstack_libs

Icon Buttons

Оригинальные кнопки с иконками в стиле Glassmorphism на HTML и SCSS.

👉 @fullstack_libs

Digital clock with separate indicators

Необычные часы, сделанные из трех svg картинок, параметры которых задаются через JS с помощью логики вычисления текущего времени пользователя.

👉 @fullstack_libs