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 - 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.
Neumorphic Back to Top Button
A neumorphic "Back to Top" button for e-commerce, offering a subtle, soft UI design that blends with the background using delicate shadows. It features analogous colors for a harmonious look, a simple layout, and responsive design with dark theme support, ideal for online shopping experiences.
back-to-top-button
A Back to Top button component with microinteractions, earth tones color scheme, simple layout for business/corporate websites; responsive design with dark mode support using Tailwind CSS