Back to Top Button - Brutalism
A brutalist 'Back to Top' button component for a portfolio, with a triadic color scheme and simple design. It is responsive and supports dark mode using Tailwind CSS.
HTML Code
<a href="#" class="fixed bottom-4 right-4 bg-red-500 text-yellow-300 border-4 border-black dark:bg-red-700 dark:text-yellow-100 dark:border-white transition-all duration-300 hover:bg-red-600 hover:text-yellow-400 dark:hover:bg-red-800 dark:hover:text-yellow-200 p-4 shadow-[8px_8px_0_0_#000] dark:shadow-[8px_8px_0_0_#fff] z-50">
<span class="font-extrabold text-xl uppercase">↑<br/>Top</span>
</a>Related Components
Back to Top Button Component
A 'back to top' button for CRM/Business Tools, designed in a Bauhaus style with high-contrast colors, featuring geometric forms and responsiveness for all screen sizes, including dark mode support.
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.
Skeuomorphic Back to Top Button
A simple, responsive, and skeumorphic 'Back to Top' button component for forum/community platforms, designed with a forest/green color palette and full dark mode support.