Components Back to Top Button Back to Top Button

Back to Top Button

A simple Back to Top button with Glassmorphism design and Monochromatic color scheme for e-commerce websites.

Preview

HTML Code

<div class="fixed bottom-10 right-10">
    <a href="#top" class="flex items-center justify-center w-12 h-12 rounded-full bg-white bg-opacity-30 backdrop-blur-md shadow-lg hover:bg-opacity-50 transition duration-300 dark:bg-gray-800 dark:bg-opacity-50 dark:hover:bg-opacity-70">
        <img src="https://picsum.photos/32" alt="Back to Top" class="w-8 h-8" />
    </a>
</div>

Related Components

Back to Top Button Component

A responsive Back to Top button designed in a skeuomorphic style, featuring dark theme support and responsive effects.

Open

Back to Top Button Component

A responsive 'Back to Top' button component for documentation/wiki sites, inspired by Memphis Design with a purple/violet color scheme. Includes dark mode support and a complex, interactive appearance.

Open

Neumorphic Back to Top Button (Ocean Blue)

A simple 'Back to Top' button component designed with a neumorphic style, using ocean blue tones, suitable for music/audio platforms. It's fully responsive and supports dark mode.

Open