SmarterKits
Pricing
CollectionsComponentsPacksTrending
All Collections

Categories

Hero SectionsBento GridsFeature SectionsAbout SectionsCTA SectionsNavigationTestimonialsPricingFAQContactFooter

Styles

BrutalismBubblegumCyberpunkNeumorphicGlassmorphicBitcoinExplorer
Saved Items
SmarterKits
Pricing
CollectionsComponentsPacksTrending
  1. Home
  2. Tailwind
  3. Collections
  4. Loading...
  5. Loading...

SmarterKits

Building the future of web development, one component at a time.

Quick Links

  • Home
  • Collections
  • Components
  • About Us

Connect

© 2025 SmarterKits. All rights reserved.

  1. Home
  2. Tailwind
  3. Components
  4. Brutalism
  5. 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 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 Nothingness Hero image

Brutalism Nothingness Hero

Dive into the void of existential design. This hero is all about embracing the absurd and asking the real questions: Why bother?

brutalismhero
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
Brutalism Testimonials image

Brutalism Testimonials

Words from those who’ve stared into the void—and lived to tell the tale. These testimonials cut through the noise with brutal honesty and stark design.

nihlismbrutalism
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 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 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 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

You might also like

Neubrutalism Bento Grid image

Neubrutalism Bento Grid

Playful? Yes. Sharp? You bet. Functional? Duh. This bento grid is the ultimate flex for making content look edgy and fun at the same time.

bento
Neubrutalism Contact Us image

Neubrutalism Contact Us

Contact forms with sass. Playful fields, bold social links, and an FAQ section that practically rolls its eyes if you don’t use it. Go ahead, send a message.

contactform
Neubrutalism Toast image

Neubrutalism Toast

Toast alerts that demand to be seen. Success? Info? Warnings? Errors? Whatever it is, these toasts shout it loud and proud—subtlety not included.

toast
Bubblegum Timeline image

Bubblegum Timeline

Turn your journey into an actual moment. With vibrant visuals and playful backgrounds, this timeline will have everyone hooked on your story.

timelinebackground
Neumorphic Pricing image

Neumorphic Pricing

No description available

neumorphicpricing
Neubrutalism Admin Bento image

Neubrutalism Admin Bento

Analytics and stats with a personality. This admin bento grid serves up data with flair, making dashboards way less boring and way more you.

bentoanalytics
Cyberpunk Milestones image

Cyberpunk Milestones

Your journey deserves a timeline that’s out of this world. Glowing markers, sleek visuals, and a high-tech vibe to tell your story.

cyberpunktimeline
Neubrutalism Product View image

Neubrutalism Product View

A product page that’s as bold as your branding. Big buttons, loud calls-to-action, and layouts that scream, “Buy it or regret it forever!”

shopecom
Bubblegum Testimonials image

Bubblegum Testimonials

"OMG, we love you!"—but make it aesthetic. Showcase glowing reviews with this colorful section, because your happy clients deserve to be front and center.

testimonials