Brutalist Back to Top
A brutalist Back to Top button component using grayscale colors and Tailwind CSS. It is responsive and supports dark mode.
HTML Code
<button class="fixed bottom-4 right-4 bg-black text-white border-2 border-black group dark:bg-white dark:text-black dark:border-white">
<span class="block px-6 py-3 text-xl font-bold group-hover:-translate-x-2 group-hover:-translate-y-2 transition-all">
⬆️
</span>
</button>Related Components
Back to Top Button Minimalist Vibrant
A minimal and flat Back to Top button component with vibrant colors, suitable for a portfolio website. It includes responsive design and dark mode support using Tailwind CSS.
Back to Top Button
A responsive Back to Top button component designed with a glassmorphism effect, suitable for professional business websites. It features a simple layout with minimal elements and works well in both light and dark themes.
Back to Top Button
A minimalist, flat designed Back to Top button that fits within a dashboard interface. The button is styled in a monochromatic color scheme and includes hover and focus effects for better interactivity. It is also responsive and supports dark mode.