Home
Prajwal Hallale
Social share buttons box

Social share buttons box

This tailwind example is contributed by Prajwal Hallale, on 28-Apr-2023. Component is made with Tailwind CSS v3. similar terms for this example are Social media links,

Social media buttons

Author Prajwal Hallale

11.5k

Fork Fullscreen

<fieldset class="text-lg border-2 border-gray-300 rounded-lg p-4 mb-4 max-w-sm mx-auto mt-24">
    <legend class="px-2 text-xl font-semibold">
        Share
    </legend>
    <div id="laravel-share-this" class="flex justify-center gap-4 flex-wrap" style="color: black;">
        <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmcqmate.com%2Fquiz%2F14%2F8085-microprocessor&amp;quote=8085%2BMicroprocessor%2Bonline%2Bpractice%2Btest"
            target="_blank"
            class="border-2 border-blue-500 rounded-md py-1 px-2 text-blue-500 hover:bg-blue-500 hover:text-white">Facebook</a>
        <a href="https://wa.me/?text=8085+Microprocessor+online+practice+test%0A%0Ahttps%3A%2F%2Fmcqmate.com%2Fquiz%2F14%2F8085-microprocessor"
            target="_blank"
            class="border-2 border-green-500 rounded-md py-1 px-2 text-green-500 hover:bg-green-500 hover:text-white">Whatsapp</a>
        <a href="https://twitter.com/intent/tweet?text=8085+Microprocessor+online+practice+test%0A&amp;url=https%3A%2F%2Fmcqmate.com%2Fquiz%2F14%2F8085-microprocessor"
            target="_blank"
            class="border-2 border-blue-400 rounded-md py-1 px-2 text-blue-400 hover:bg-blue-400 hover:text-white">Twitter</a>
        <a href="https://telegram.me/share/url?text=8085+Microprocessor+online+practice+test%0A&amp;url=https%3A%2F%2Fmcqmate.com%2Fquiz%2F14%2F8085-microprocessor"
            target="_blank"
            class="border-2 border-blue-600 rounded-md py-1 px-2 text-blue-600 hover:bg-blue-600 hover:text-white">Telegram</a>
    </div>
</fieldset>

Related Examples

Social share icons

Author:
Amit Pachange

2 years ago

12.6k
Social media icons svg

Author:
Samuel Dawson

2 years ago

20.4k
Buttons with Icon

Author:
_Amar_

3 years ago

15.2k
Card with social media share buttons

Author:
Computer guy

1 year ago

8.6k
Social media icons
'follow us on' buttons

Author:
R.P Ketan

2 years ago

8.5k
Social share icons

Author:
Amit Pachange

2 years ago

10.3k
Social links with icons

Author:
Leon Bachmann

2 years ago

11.7k
App store & Google playstore buttons

Author:
Dika Rahman

1 year ago

1.8k
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

4 months ago

971
Nav Bar
Animated Mobile Dropdown menu

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

5 months ago

1.4k
DevPort
modern portifolio by salvator

Author:
Baraka Salvator

1 month ago

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

Author:
Anonymous

3 months ago

168

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components