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 Inputs image

Brutalism Inputs

No “soft-focus” fields here. Brutalist inputs are stark, clear, and brutally functional. Validation errors? They’ll hit you like a ton of bricks.

brutalisminputs
Brutalism Chart (Vertical) image

Brutalism Chart (Vertical)

Data, but make it raw. Stark lines, exposed numbers, and zero polish. This vertical chart is perfect for when you want your stats to hit hard.

brutalism
Brutalism Chatbox image

Brutalism Chatbox

No chatbots pretending to be your friend here. Brutalist AI Chat is direct, functional, and brutally efficient at delivering what you need—no emojis required.

brutalismchatbox
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
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 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 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 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 Pricing image

Brutalism Pricing

No gimmicks, no fluff—just raw, unapologetic pricing. Bold, minimalist, and brutally honest. Choose a plan or don't—your call.

brutalismbold

You might also like

NeuBrutalism Hero image

NeuBrutalism Hero

Make your website scream “look at me!” with the NeuBrutalism Hero. Bold, unapologetic, and totally in-your-face—because subtlety is boring.

heroburtalist
Luminous Edge Features image

Luminous Edge Features

Luminous Edge Features is a sleek UI component designed to bring vibrant neon effects to your interface. Utilizing glowing neon outlines and edges, it creates a striking luminous border that enhances visual appeal and draws user attention. Perfect for modern, futuristic, or cyberpunk-themed designs, this component adds depth and energy through dynamic neon lighting styles. Easily customizable, it supports a range of neon colors and intensities to match your brand or project aesthetic. Integrate Luminous Edge Features to elevate buttons, cards, or containers with eye-catching neon glow effects, making your UI stand out with a radiant, electrifying edge.

neonfeatures
Bubblegum Product Pricing image

Bubblegum Product Pricing

Stop hiding your prices in the fine print! These vibrant, candy-colored pricing cards make even your fees look irresistible. Show off those sweet deals!

pricingecom
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
Cyberpunk Core Values image

Cyberpunk Core Values

Your principles, but make them glow. This layout is here to highlight your values in a way that’s as futuristic as your vision.

cyberpunkabout
Celestial Gradient Testimonials image

Celestial Gradient Testimonials

What do your users say? Let their words float among the stars with this elegant testimonial section, blending trust and aesthetics seamlessly.

testemonialslanding page
Neumorphic Features Comparison image

Neumorphic Features Comparison

Compare your paid features with neumorphic elegance. Responsive design enhances user experience across devices. Ideal for modern web apps.

neumorphicfeatures
Topography Hero image

Topography Hero

Introducing the Explorer Features component, a beautifully crafted UI element designed to showcase thrilling snow and ice adventures. Leveraging a stunning glassmorphic design, this component features an immersive background image that captures the essence of winter exploration. Users can engage with enticing calls to action, such as "Explore Packages" and "Join the Adventure," enhanced by interactive buttons adorned with icons. The Adventure Library showcases video content organized in a visually appealing grid, each item featuring distinct color gradients and icons for easy navigation. Perfect for adventure enthusiasts, this component not only captivates users visually but also offers a seamless user experience, encouraging exploration and participation in outdoor activities.

patternhero
Glass Features image

Glass Features

The Crypto Pulse Features section is a visually striking and highly functional component designed for displaying real-time cryptocurrency market data with a modern, glassmorphic aesthetic.

featuresglassmorphic