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 Navigation

Brutalism Navigation

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

Go to Collection

Brutalism Navigation

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

navigationmenuheaderbrutalism

More from this collection

Brutalism Buttons image

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.

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

You might also like

Glassmorphic Hero Section image

Glassmorphic Hero Section

No description available

glassmorphichero
Cyberpunk Buttons image

Cyberpunk Buttons

Click me, punk. These buttons are bold, glowing, and just a bit rebellious—exactly what your design needs to feel alive.

buttonsinteractive
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
Cyberpunk Bento Grid image

Cyberpunk Bento Grid

Organize your chaos with a Bento Grid straight out of 2087. Perfect for making your content look structured while still screaming cyberpunk vibes.

cyberpunkbento
Bitcoin Who Are We? image

Bitcoin Who Are We?

Introduce your team and mission with a clean, informative "Who Are We?" section. Highlight your commitment to revolutionising the Bitcoin ecosystem through accessibility and security, driving user trust.

aboutlanding page
Bubblegum Features image

Bubblegum Features

Show off those powerhouse features with style. AI strategies? Check. Data analytics? Double-check. This section is here to make your marketing look as smart as it claims to be.

featuresbubblegum
Neubrutalism Call To Action (E-Mail) image

Neubrutalism Call To Action (E-Mail)

Want conversions? This CTA doesn’t beg—it commands. Make your audience sign up or cry about it later. No hand-holding here.

ctaemail
Neumorphic Bento Grid image

Neumorphic Bento Grid

Floating content sections with neumorphic shadows. Light, desaturated hues & rounded corners for seamless fluidity.

bentoneumorphic
Celestial Gradient Features image

Celestial Gradient Features

Highlight your key offerings with grace. Modern animations and radiant gradients draw attention to your features, ensuring your message is clear and captivating.

featuresanimation