Redirecting to PayPal

Tailwind Application Components

Browse 46 ready-made UI components available in Shuffle Editor.

Framework

UI Library

Components

If users don't know about the app, they won't use it. Tailwind application components will allow you to show the advantages of installing any application in an accessible way.

Choose from many variations of the Tailwind components applications. The variants shown here are available in various UI libraries in the Shuffle editor. You will also find many other types of components that will be in the same style. This will allow you to build a comprehensive Tailwind website template. Each library is designed by a professional designer and coded by our team of developers.

Get access to all sections of the Tailwind components applications, code and our editor. Try the demo for free.

Try Shuffle Editor for Free

Component #1

Tailwind

Open in Editor →

<section class="relative pt-20 2xl:pt-40">
  <div class="container px-4 mx-auto mb-16 md:mb-24">
    <div class="text-center">
      <a class="inline-block mb-8 text-2xl font-bold" href="#">
        <img class="h-7" src="zospace-assets/logos/zospace-dark-logo.svg" alt="" width="auto">
      </a>
      <h2 class="mb-8 text-6xl 2xl:text-7xl font-bold font-heading">Collaborate everywhere.</h2>
      <p class="mb-16 text-xl">Get our free mobile application.</p>
      <a class="inline-block px-12 py-5 bg-blue-500 hover:bg-blue-600 rounded-full text-lg font-bold text-white transition duration-200" href="#">Downolad</a>
    </div>
  </div>
  <div class="relative">
    <div class="hidden lg:block absolute right-0 top-0 mt-24 w-1/2 h-px bg-gray-50"></div>
    <div class="hidden lg:block absolute left-0 top-0 mt-40 w-1/2 h-px bg-gray-50"></div>
    <img class="lg:relative lg:max-w-4xl mx-auto" src="zospace-assets/images/smartphone.png" alt="">
  </div>
</section>