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

Simple Vue 8 Puzzle — простая головоломка в стиле "Пятнашки", реализованная с помощью Vue.

#vue

Layout Templates with CSS Grid — примеры макетов технологии CSS Grid. Будут полезны тем, кто начал изучение этой технологии.

#css

Three Fancy Link Hover Effects — три необычных эффекта при наведении на ссылки, реализованные на чистом CSS.

#css

Newsletter Subscribe — анимация успешной подписки на рассылку новостей, реализованная с помощью GSAP.

#gsap