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 with a paper/print-inspired design, using a black and white color scheme with a subtle accent. Suitable for educational platforms, it includes dark mode support and a clean, accessible layout.
Back to Top Button Component
A responsive back to top button designed with microinteractions and vibrant colors, suitable for a dashboard interface with dark mode support.
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.