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

Pass Strength Shield — поле для ввода пароля на React. Анимация реализована с помощью GSAP и DrawSVGPlugin3.

#gsap #react

CSS Animations: Obvious CTA Buttons — кнопки призыва к действию, при наведении появляется анимация. 4 вида анимации реализованы на чистом CSS.

#css

Light/Dark Mode Toggle With Curtain Effect — переключение светлого / темного режима с эффектом передвижения занавески на чистом CSS.

#css

Link hover — 14 стилей анимации при наведении на ссылку на чистом CSS.

#css

Jumping Gooey Navigation — прыгающая липкая навигация. Анимация реализована с помощью GSAP.

#gsap

Turning pages with CSS — анимация перелистывания страниц, реализованная на чистом CSS.

#css