LUME shiny 3D image grid — адаптивная сетка блестящих 3D изображений, реализованных с помощью библиотек lume.js, WebGL и three.js.

#webgl #treejs

Custom Cursor Effect — пользовательский курсор, реализованный с помощью JavaScript. При наведении на ссылку появляется соответствующее изображение.

#javascript

Line reveal block — анимация появления тонкой линии и раскрытия полного блока контента при прокрутке страницы, реализованная с помощью библиотек Anime.js и scrollMonitor.

#animejs #scrollMonitor

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

#css

Book Store UI — адаптивный пользовательский интерфейс книжного магазина, реализованный с помощью jQuery и flickity.pkgd.js.

#jquery #flickity

Awesome Simple Custom Radio Button — простые настраиваемые радиокнопки "нравится" и "не нравится", реализованные на чистом CSS с использованием шрифтовых иконок Font Awesome.

#css #fontawesome

ecommerce product notifications — пользовательский интерфейс уведомлений для электронной коммерции, реализованный с помощью TailwindCSS.

#tailwind #css

Pure CSS accordion — аккордеон на чистом CSS.

#css

Neumorphic Light Switch — выключатель света в стиле неоморфизма. Функционал выключения света реализован с помощью JavaScript.

#javascript

Liquid Button v2 — коллекция жидких SVG-кнопок с разной стилизацией и разной анимацией, реализованные с помощью JavaScript.

#javascript

Responsive Social Platform UI — адаптивный интерфейс социальной платформы, реализованный с помощью Alpine.js

#alpinejs #javascript

Toggle — кнопки переключения, реализованные с помощью тега input + CSS и тега button + JavaScript.

#css #javascript

CSS Color/Gradient Editor — редактор CSS-кода для цветов и градиентов. Есть готовые пресеты, цвета для генерации, а также готовая библиотека цветов. Получившийся CSS-код можно скопировать для своего проекта.

#css

Range — пример кастомной стилизации input типа диапазона, реализованный с помощью CSS и JavaScript.

#css #javascript

CSS 3D Blend Mode Buttons — кнопки с 3D-эффектом смещения RGB при наведении, реализованные на чистом CSS.

#css

VideoCall App UI — пользовательский интерфейс приложения VideoCall, реализованный с помощью jQuery.

#jQuery

Checkbox card — карточки с функцией чекбокса на чистом CSS.

#css

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

#css

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

#jquery

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

#gsap