Redirecting to PayPal

Tailwind Components in Yofte library

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

Framework

UI Library

Components

Component #1

Tailwind CSS

Yofte E-commerce

Open in Editor →

<section class="relative overflow-x-hidden">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap items-center">
      <div class="w-full md:w-1/2 lg:w-2/5 md:h-128 md:pr-8 mb-20 md:mb-0">
        <div class="pt-20 max-w-md">
          <span class="mb-4 text-2xl">More ideas</span>
          <h2 class="mt-6 mb-16 lg:mb-32 text-5xl font-bold font-heading">Featured styles. Check it now.</h2>
          <a class="inline-block bg-orange-300 hover:bg-orange-400 text-white font-bold font-heading py-6 px-8 rounded-md uppercase transition duration-200" href="#">More</a>
        </div>
      </div>
      <div class="w-full h-64 md:h-128 md:w-1/2 lg:w-3/5">
        <img class="h-full w-full md:w-auto max-w-none object-cover" src="yofte-assets/images/placeholder-marta-wave.png" alt="">
      </div>
    </div>
  </div>
</section>

Tailwind Components by Shuffle

Browse 116 of ready-made components in Tailwind and Yofte library. They are divided into UI libraries that our professional designers designed. Each of them has a resource of many variations of different types of components. Under each of them, there is a clear code created by our team of developers.

All elements available in the editor are fully responsive. You will get full access to them by subscribing to our drag and drop editor.

Try the demo for free!