Tailwind Link Button

TailwindLink Button

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

Button Contact us

Author Geoffrey Callaghan

Tailwind v3.4 3.5k 1

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

Conan Hilton

4 years ago

17.3k
Contact us form
Contact us form

Geoffrey Callaghan

2 years ago

7.6k
Contact Spinner
Contact button spinning

$$@(\/)(\/)¥$ $@(\/)(\/)¥

2 years ago

6.4k
Primary Button
Elegant button

Brandon D

4 years ago

12.5k
The Free AI Tools Grid Section (210+ Tools, No Signup)
A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

Hasan AlDoy (McDoy)

5 months ago

478
Button
Button

Arjun Kumar

6 months ago

627
Download on the Mac App Store dark button

Simon Scheffer

3 years ago

8.6k
Contact us page

Geoffrey Callaghan

2 years ago

7.1k
Buttons set
buttons sets of, primary, outlined, text and link

Akram Khan

2 years ago

2.2k
Contact us Form with Responsive

KULDEEP

1 year ago

1.2k
Get in touch tailwind contact form
Get in touch tailwind contact form

Geoffrey Callaghan

2 years ago

2.7k
Contact Form Component
A multi-step, responsive contact form with a modern dark-themed design. The form includes four steps: name, email, phone number, and message. It features a side panel with contact information and a sleek, gradient-styled interface using Tailwind CSS.

Muhammad Umair Arshad

1 year ago

1.6k