Back to Top Button
A simple Back to Top button with Glassmorphism design and Monochromatic color scheme for e-commerce websites.
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.
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.
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.