Satisfying Button (Neumorphism) — кнопки в стиле неоморфизма. Анимация при наведении реализована на чистом CSS.

#css

Hover slider — слайдер с анимацией смены слайдов при наведении на названия. Анимация реализована с помощью jQuery.

#jquery

Click to send - кнопка с анимацией отправки данных при клике. Состоит из SVG-элементов. Анимация реализована с помощью библиотек gsap, MorphSVGPlugin3, MotionPathPlugin и DrawSVGPlugin3.

#gsap

Choose Ticket — адаптивная страница с функцией выбора билетов на чистом CSS.

#css

Image Hover Effect — интересный эффект при наведении на изображение на чистом CSS.

#css

Upload Button w/Progress — кнопка загрузки с анимацией прогресса, реализованная с помощью JavaScript.

#javascript

Codepen Challenge: Click — кнопка с выезжающими панелями при клике, реализованная с помощью VueJS и GSAP.

#vue #gsap

Interior design builder — функция добавления понравившихся интерьеров в избранное, реализованное с помощью JavaScript.

#javascript

SMASH that Like Button — кнопка лайк с анимацией разлетающихся разноцветных частиц на чистом CSS.

#css

Working Stopwatch — секундомер, реализованный на чистом CSS.

#css

Build a fancy hover animation — анимация адаптивных монохромных карточек при наведении на чистом CSS.

#css

Jello Tab Bar — панель вкладок с плавной анимацией, реализованной с помощью JavaScript.

#css #javascript

WiFi loader animation — анимация поиска сети wi-fi на чистом CSS. Можно использовать как прелоадер.

#css

SVG Bike1.2 — анимация движущегося велосипеда на чистом CSS. Велосипед адаптивен и полностью построен из SVG.

#css

Generative UI — функционал генерации случайных цветов с анимацией фонового цветного шара, реализованный с помощью библиотеки pixi.js.

#pixijs

Share Widget — виджет "Поделиться", внутри которого расположены ссылки на соцсети. Реализован с помощью JavaScript.

#javascript

Button — анимация появления разноцветных фигур при клике на кнопку, реализованная с помощью JavaScript.

#javascript

404 Concept Page — анимация адаптивной страницы ошибки 404 на чистом CSS.

#css

Loading more content when scrolled — загрузка дополнительного контента при прокрутке страницы, реализованная с помощью JavaScript.

#javascript

Power switch animation — крутая анимация выключателя питания на чистом CSS.

#css

CSS Reaction — анимация в стиле логотипа React, реализованная на чистом CSS.

#css