SmarterKits
Pricing
CollectionsComponentsPacksTrending
All Collections

Categories

Hero SectionsBento GridsFeature SectionsAbout SectionsCTA SectionsNavigationTestimonialsPricingFAQContactFooter

Styles

BrutalismBubblegumCyberpunkNeumorphicGlassmorphicBitcoinExplorer
Saved Items

Brutalism Buttons

Brutalism Buttons

Buttons that mean business. Whether it’s alternative, warning, or straight-up brutal, these are for people who don’t mess around with UI fluff.

Go to Collection

Brutalism Buttons

Buttons that mean business. Whether it’s alternative, warning, or straight-up brutal, these are for people who don’t mess around with UI fluff.

buttonsbrutalismanimated

More from this collection

Brutalism Benefits image

Brutalism Benefits

Forget "features"—these cards are here to highlight the cold, hard truths: nothingness, decision fatigue relief, and existential freedom. You're welcome.

brutalismfeatures
Brutalism Bento Grid image

Brutalism Bento Grid

Content doesn’t need to be pretty—it needs to slap. This grid layout is sharp, text-heavy, and dripping with “Absurdist Living 101” vibes.

bentocards
Brutalism Toasts image

Brutalism Toasts

Notifications that don’t sugarcoat it. Brutalist toasts deliver the message loud and clear—no frills, just straight facts (or errors). You can’t ignore them, even if you try.

toastnotifications
Brutalism Navigation image

Brutalism Navigation

Forget sleek, forget subtle. This navigation bar gets straight to the point—four links, bold typography, and zero fluff. Navigate with attitude.

navigationmenu
Brutalism Music Player image

Brutalism Music Player

Play your tracks with attitude. A raw, unpolished interface that screams "DIY or die," perfect for those who want their music as raw as their design.

brutalismmusic
Brutalism Hero image

Brutalism Hero

TYPE MATTERS, and this hero proves it. Stark, high-contrast, and unapologetically in-your-face. No gradients, no nonsense—just brutal honesty.

brutalismbold
Brutalism Chart (Horizontal) image

Brutalism Chart (Horizontal)

Same raw energy, but sideways. Horizontal bars, minimalist design, and enough edge to make your data impossible to ignore.

brutalismstats
Brutalism Mockup image

Brutalism Mockup

Forget sleek phone frames—this mockup goes all-in on blocky, bold lines and stark contrasts. Ideal for showcasing apps with zero fluff.

mockupbrutalism
Brutalism Artist Card image

Brutalism Artist Card

Showcase your stats like a rebel. No shiny graphics, just raw numbers, bold fonts, and pure brutalist flair for musicians who don’t play by the rules.

brutalismmusic

You might also like

Neubrutalism Pricing image

Neubrutalism Pricing

Pricing tables that don’t suck. Sharp, bold, and built to make your competition jealous. Take a seat, basic tables, this one’s got personality.

pricingbold
Glass Footer image

Glass Footer

Complete your site's sleek look with the Glass Footer component. Provide key navigation links and company info in this essential, glossy footer section.

footernavigation
Bitcoin Footer image

Bitcoin Footer

A fully responsive footer designed for Bitcoin-related websites, featuring essential navigation links and social media icons. Ensure your users have quick access to important sections of your site.

footernavigation
Crytpo Glassmorphic Table image

Crytpo Glassmorphic Table

A distinctive Crypto Navigation component in the Crypto Neo-Glassmorphic style. This component showcases the key aesthetic elements of the design system while providing practical functionality for real-world implementation.

glassmorphiccrypto
Glassmorphic Hero Section image

Glassmorphic Hero Section

Boost your crypto platform with a Glassmorphic Hero Section. Featuring trending coins, real-time updates, and sleek design, it engages users and enhances conversions across all devices.

glassmorphichero
Neubrutalism News Paper image

Neubrutalism News Paper

Who needs boring old news when you can have the Neubrutalism News Paper? This component takes the classic newspaper look and gives it a rebellious twist.

newsmodern
Celestial Gradient Footer image

Celestial Gradient Footer

The Celestial Gradient Footer is a visually stunning and functional UI component designed to enhance website navigation while adding a cosmic aesthetic. Featuring a smooth, multi-tone gradient reminiscent of celestial skies, this footer provides clear and organized navigation links that improve user experience and site accessibility. Ideal for websites seeking a modern, elegant finish, it supports responsive design to ensure seamless display on all devices. With its blend of captivating colors and practical navigation elements, the Celestial Gradient Footer not only anchors your webpage but also elevates overall site engagement and visual appeal. Perfect for portfolios, blogs, and corporate sites aiming for a sleek, professional look.

footernavigation
Cyberpunk Gallery image

Cyberpunk Gallery

Turn up the aesthetic. This neon-inspired gallery is made for showcasing images or videos that look like they were pulled straight from a cyber-dream.

galleryimages
Bitcoin Stats image

Bitcoin Stats

Provide real-time Bitcoin network statistics like current price, market cap, and hash rate. An essential tool for crypto traders and enthusiasts to stay updated on Bitcoin's performance.

bitcoinstats