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 brutalist styled Back to Top Button component using Tailwind CSS. This component has bold, high-contrast design and supports responsive effects and dark theme.
Back to Top Button Component
A simple Back to Top button designed in a brutalist style using Tailwind CSS, suitable for a portfolio website. It features a grayscale color scheme and dark theme support.
Back to Top Button - Material Design Pastel
A responsive "Back to Top" button component following Material Design principles with a pastel color scheme, tailored for a portfolio website. It includes responsive design and dark mode support using Tailwind CSS.