Brutalist Back to Top Button
A brutalist back-to-top button in Tailwind CSS, with high contrast, bold typography and sharp edges. Includes responsive sizing and dark mode support.
HTML Code
<button class="fixed bottom-5 right-5 bg-black text-lime-400 border-4 border-lime-400 p-4 text-xl font-bold uppercase transition-all duration-300 hover:bg-lime-400 hover:text-black dark:bg-lime-400 dark:text-black dark:border-black dark:hover:bg-black dark:hover:text-lime-400">
TOP
</button>Related Components
Back to Top Button Component
A responsive Back to Top Button Component with Glassmorphism design, Earth tones color scheme, and complex interactions, suitable for a dashboard.
Skeuomorphic Back to Top Button
A skeuomorphic 'Back to Top' button designed with warm neutrals for business/corporate websites, featuring responsive design and dark mode support. The button has a 3D pressed effect.
Art Deco Back to Top Button
A 'Back to Top' button component with an Art Deco design, featuring geometric patterns and warm sunset colors, suitable for dating/social platforms. It includes a rich, interactive style and supports dark mode.