Home
Geoffrey Callaghan
Tailwind Link Button

Tailwind Link Button

TailwindLink Button

This tailwind example is contributed by Geoffrey Callaghan, on 13-Nov-2023. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Get in touch, Contact form

Button Contact us

Author Geoffrey Callaghan

3.5k

Fork Fullscreen

<a href="https://veilmail.io/irish-geoff" class="inline-flex items-center px-4 py-2 bg-blue-500 border border-transparent rounded-md font-semibold text-white hover:bg-blue-600 focus:outline-none focus:ring focus:border-blue-700 active:bg-blue-800">
    <svg class="w-5 h-5 mr-2 inline-block" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M4 9.00005L10.2 13.65C11.2667 14.45 12.7333 14.45 13.8 13.65L20 9" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M3 9.17681C3 8.45047 3.39378 7.78123 4.02871 7.42849L11.0287 3.5396C11.6328 3.20402 12.3672 3.20402 12.9713 3.5396L19.9713 7.42849C20.6062 7.78123 21 8.45047 21 9.17681V17C21 18.1046 20.1046 19 19 19H5C3.89543 19 3 18.1046 3 17V9.17681Z" stroke="#000000" stroke-width="2" stroke-linecap="round"></path> </g>
    </svg>
  <span class="inline-block">Reveal Protected Email <br/> https://veilmail.io/irish-geoff</span>
</a>
  <p class="leading-relaxed text-xl text-gray-900 mt-8">
                We use VeilMail.io to <a class="font-medium text-blue-600 dark:text-blue-500 hover:underline" href="https://veilmail.io">hide email address from spammers</a>
            </p>
  </div>

Related Examples

Sign in with GitHub Button

Author:
Conan Hilton

3 years ago

16.5k
Contact us form
Contact us form

Author:
Geoffrey Callaghan

2 years ago

6.3k
Contact Spinner
Contact button spinning

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

1 year ago

5.6k
Underline Hover Effect
Hover effect using after and before pseudo elements.

Author:
Carlos Adrian Garcia

2 years ago

9.4k
button animation
button animation big

Author:
QQ-VVN

9 months ago

870
Exapnd and collapse button for large content without javascript
Truncate and expand on click large content without using JavaScript.

Author:
Komal Jain

1 year ago

2.2k
Ripple Button
Ripple Button is an interactive button component with a ripple animation that responds to user clicks

Author:
Anonymous

2 years ago

13.4k
Responsive Contact Information and Inquiry Form Component
This component is a fully responsive and reusable section designed for websites that need to display contact information alongside a user inquiry form. It is built with Tailwind CSS for easy customization and integration into any projec

Author:
Vikas Kushwah

10 months ago

1.4k
5 Different Style of Button
Gradient Button outline button neon button Sliding Background pulsing Button

Author:
KULDEEP

7 months ago

410
Contact us section
Minimal contact us form

Author:
Geoffrey Callaghan

2 years ago

5.6k
Contact Us form

Author:
ABDO-SY

10 months ago

1.1k
Button wih hover gradient
Works well with the dark theme

Author:
Leif99

2 years ago

18.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components