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 Mockup

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.

Go to Collection

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.

mockupbrutalismcta

More from this collection

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

You might also like

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

Cyberpunk Inputs

Why have basic inputs when you can jack into the grid? Sleek, glowing, and totally ready to power up your forms.

inputscyberpunk
Bubblegum AI Chat image

Bubblegum AI Chat

Get ready to spill the (virtual) tea! This sleek AI chat interface is here to make user interactions fun, fresh, and totally on-brand.

aichat
Adventure Hero image

Adventure Hero

No description available

heroexplorer
Bitcoin Events image

Bitcoin Events

Keep your audience informed about upcoming Bitcoin-related events such as halving events, conferences, and webinars. Perfect for engaging users interested in staying updated on Bitcoin and crypto events.

bitcoincrypto
Neubrutalism Shop Cards image

Neubrutalism Shop Cards

Your e-commerce grid just got a glow-up. With hover animations, sassy stock indicators, and add-to-cart buttons that pop, these cards know they’re better than your old design.

ecomcards
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
Celestial Gradient Pricing image

Celestial Gradient Pricing

Transparent pricing meets celestial beauty. Highlight your plans with animated gradients and a modern layout that’s as appealing as it is clear.

pricingmodern
Bubblegum Bento image

Bubblegum Bento

Want all your info to look fabulous in one playful grid? Bubblegum Bento is the sassiest way to organize stats, CTAs, and features. It’s giving ✨polished chaos✨.

bentoplayful