Hover Responsive Parallax Cards — адаптивные карточки с эффектом параллакса при наведении курсора, созданные с помощью Vue.

#vue

Show & Hide Password animation — анимация отображения и скрытия пароля в поле ввода. Реализована с помощью библиотеки browserify-as-a-service.

#browserify

Тратишь много времени на сайт?

Здесь ты найдешь готовые макеты и снипеты для твоего сайта и с их помощью будешь делать за минуту то, что раньше делал за час

Облегчи свою жизнь и делай классные сайты для своих проектов по щелчку пальцев

Подписывайся и получай новые идеи каждый день!

Accessible Image Compare — при перемещении ползунка цветное изображение меняется на черно-белое. Реализовано на чистом CSS.

#css

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

#alpinejs

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

#javascript

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

#css #javascript

Pure CSS Menu — адаптивное меню с красивой анимацией на чистом CSS.

#css

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

#цвета #color #gradient #css

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

#диапазон #range #input #css #javascript

Figma теперь есть в Telegram!

Figma - топовый образовательный ресурс прямо в Telegram, где любой желающий обучится веб-дизайну абсолютно бесплатно и сможет на этом зарабатывать. Разработка дизайна сайтов, оформлений, превью и многое другое!

⚡️Не упусти возможность стать веб-дизайнером: @figma_russia

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

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

#css

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

#css

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

#javascript