Log In / Sign Up - карточки входа / регистрации на сайте с анимацией на чистом CSS.

#css

Download Button Animation - GSAP-анимация кнопок для скачивания файлов.

#GSAP

🤯 Прокачай навыки, решая короткие тесты и задачи по JavaScript

JavaScript тесты — сборник качественных тестов и задач на знания языка.

Fluid text hover - плавная GSAP-анимация SVG-маски внутри текста при наведении.

#GSAP

Star rating — рейтинг в виде звёзд на чистом CSS.

#css

CSS filter Editor — редактор CSS-фильтров для изображений. Есть готовые пресеты. Также можно настроить различные фильтры. После настроек можно скопировать готовый код для своего проекта.

#css

Creative Wave Button — креативная кнопка с анимацией волн на чистом CSS.

#css #animation

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