Компонент социальных компонентов
Ретро/винтажный компонент для социальных сетей с простым макетом и дополнительной цветовой гаммой. Поддерживает темный режим и отзывчив.
HTML-код
<div class="bg-gray-200 dark:bg-gray-800 p-4 rounded-lg shadow-md max-w-sm mx-auto">
<div class="flex items-center mb-4">
<img class="w-10 h-10 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar">
<div class="text-gray-900 dark:text-white font-bold text-xl">User Name</div>
</div>
<p class="text-gray-700 dark:text-gray-300 text-base mb-4">
This is a sample social media post with a retro feel. #retro #tailwind
</p>
<img class="w-full rounded-lg mb-4" src="https://picsum.photos/400/300" alt="Sample Image">
<div class="flex justify-between items-center">
<div class="flex text-gray-700 dark:text-gray-300">
<span class="mr-2">❤️ 120</span>
<span>💬 30</span>
</div>
<div class="text-blue-600 dark:text-blue-400 font-bold">View Comments</div>
</div>
</div>Связанные компоненты
Компонент социальных компонентов
Простой компонент социальных сетей, использующий Tailwind CSS и разработанный с использованием принципов Material Design. Он отличается яркими цветами и поддержкой темного режима, что делает его подходящим для интерфейсов социальных сетей.
Социальные составляющие
Раздел социальных компонентов, выполненный в скевоморфном стиле, с отзывчивыми эффектами и поддержкой темных тем.
Компонент социальных компонентов
Простая социальная составляющая, выполненная в скевоморфном стиле с использованием ярких цветов для профессионального бизнес-сайта, адаптивный дизайн с поддержкой темного режима.