Social Media Icons

Related Examples

• 
  Social Media Icons

  Social Media Icons

  Author:
  Aman kumar

  11 months ago

  1.9k
• 
  Social Media Icons

  Social Media Icons

  Author:
  Aman kumar

  11 months ago

  1.5k
• 
  Social Media Icons

  Social Media Icons

  Author:
  Aman kumar

  11 months ago

  1.6k
• 
  Social Media Icons

  Social Media Icons

  Author:
  Sedat Kumcu

  7 months ago

  1.2k
• 
  Social Media Icon Buttons with Tooltips

  A responsive and interactive social media icon component built with Tailwind CSS. This component features Facebook, Twitter, and Instagram icons with smooth hover effects and tooltips that display the platform name. The icons are styled with rounded edges, shadows, and scale-up effects on hover, making them visually appealing for social media integrations. Ideal for adding social links to any website or application.

  Author:
  SHARIFUL ISLAM

  3 months ago

  766
• App store & Google playstore buttons

  Author:
  Dika Rahman

  1 year ago

  1.7k
• 
  Login popup modal

  centered modal for gaining more attention from users, it also has social login buttons.

  Author:
  Anonymous

  2 months ago

  68
• 
  Home page 2

  Отзывчивый логотип по центру. Интерактивные кнопки призыва к действию.

  Author:
  Алла Телегина

  3 months ago

  571
• 
  Applications Showcase

  This is a stylish and interactive application showcase component designed for web use. It features the following elements: Background Styling: The main container has a rounded-rectangle shape (rounded-3xl) with a subtle white base overlaying a high-resolution background image, styled with background-size: 600px for an artistic touch. The image itself dynamically serves as a backdrop, giving the component a layered appearance. Main Icon: A small circular icon, located at the top-right corner, appears with smooth hover effects: Enlarges to double its size (scale-[2]). Rotates (rotate-[410deg]). Moves diagonally upwards-right (translate-x-3, -translate-y-3). These transitions occur over a duration of 1 second (transition duration-1000). Overlay Gradient: A transparent gradient overlay (bg-gradient-to-l) adds a polished depth effect, transitioning from black (from-black/80) to lighter shades. App Icon and Info: Icon: The app icon is a smaller, bordered square image (rounded-2xl) with hover shrink animations (group-hover:scale-95). Text: A bold application title (text-md font-semibold) with hover-animated underline effects that gradually expand from left to right. A short app description styled as secondary text. Call-to-Action Button: Below the card is a subtle, rounded button (rounded-full) encouraging interaction. It features: A hover effect with color inversion (gray to black). A lift effect (hover:-translate-y-1) when hovered. This component is perfect for modern app showcases, offering a dynamic, user-friendly visual experience. It ensures a professional look while engaging users through smooth animations and clear calls to action.

  Author:
  Banshee

  6 months ago

  1.6k
• 
  Modern Responsive Footer with Tailwind CSS

  This sleek and modern responsive footer is built using HTML and Tailwind CSS. It features three sections: brand information, useful links, and social media icons. The footer includes smooth hover effects, subtle fade-in animations, and a fully responsive design that adapts seamlessly to different screen sizes. Perfect for websites looking for a professional and stylish footer section.

  Author:
  Ayyamperumal S

  4 months ago

  863
• 
  Modern Dark Footer with Overlapping Gradient CTA

  A comprehensive, dark-themed website footer component built with HTML and Tailwind CSS. It features a visually distinct overlapping section with a colorful gradient background containing a prominent call-to-action (CTA) block. The main footer area utilizes a multi-column grid layout for organized navigation links, a newsletter signup form, and social media icons. A final bottom bar includes legal links and copyright information. The design is responsive and adapts its layout for different screen sizes.

  Author:
  Hamza Atig

  1 month ago

  126
• 
  Social media icons svg

  Author:
  Samuel Dawson

  2 years ago

  20.2k