Компоненты Кнопки «Поделиться» в социальных сетях Компонент кнопок "Поделиться" в социальных сетях

Компонент кнопок "Поделиться" в социальных сетях

Минималистичный компонент кнопок социальных сетей, разработанный для информационных панелей, с яркой цветовой схемой и адаптивным дизайном, с поддержкой темного режима.

Предварительный просмотр

HTML-код

<div class="flex items-center justify-center space-x-4 p-6 bg-white dark:bg-gray-800 rounded-lg shadow-md transition-all duration-300">
  <h2 class="text-lg font-semibold text-gray-800 dark:text-white">Share this Dashboard</h2>
  <div class="flex space-x-2">
    <a href="#" class="flex items-center justify-center w-10 h-10 rounded-full bg-red-500 text-white hover:bg-red-600 transition duration-300">
      <img src="https://picsum.photos/20/20?random=1" alt="Share on Facebook" class="w-5 h-5" />
    </a>
    <a href="#" class="flex items-center justify-center w-10 h-10 rounded-full bg-blue-500 text-white hover:bg-blue-600 transition duration-300">
      <img src="https://picsum.photos/20/20?random=2" alt="Share on Twitter" class="w-5 h-5" />
    </a>
    <a href="#" class="flex items-center justify-center w-10 h-10 rounded-full bg-green-500 text-white hover:bg-green-600 transition duration-300">
      <img src="https://picsum.photos/20/20?random=3" alt="Share on LinkedIn" class="w-5 h-5" />
    </a>
    <a href="#" class="flex items-center justify-center w-10 h-10 rounded-full bg-yellow-500 text-white hover:bg-yellow-600 transition duration-300">
      <img src="https://picsum.photos/20/20?random=4" alt="Share via Email" class="w-5 h-5" />
    </a>
  </div>
</div>

Связанные компоненты

Компонент кнопок "Поделиться" в социальных сетях

Отзывчивый и минималистичный компонент кнопок социальных сетей, разработанный в стиле швейцарской/международной типографики с использованием цветовой схемы в оттенках серого. Он подходит для досок объявлений о вакансиях или платформ для развития карьеры, предлагая варианты чистого обмена для различных платформ социальных сетей.

Открытый

Компонент кнопок "Поделиться" в социальных сетях

Компонент кнопок «Поделиться» в социальных сетях с ретро/винтажным дизайном, цветовой схемой в земляных тонах, простым уровнем сложности и адаптивным дизайном с поддержкой темных тем, для социальных сетей с использованием Tailwind CSS.

Открытый

Компонент кнопок "Поделиться" в социальных сетях

Простой, отзывчивый компонент кнопок «Поделиться» в социальных сетях с эстетикой, вдохновленной дизайном Мемфиса, с использованием холодных нейтральных цветов, подходящий для CRM/бизнес-инструментов. Включает поддержку темного режима.

Открытый