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

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.

Go to Collection

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

More from this collection

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

You might also like

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
Bitcoin Bento Grid image

Bitcoin Bento Grid

A sleek and responsive grid design to display Bitcoin features, quotes, or industry insights. Ideal for organising content like wallet features or network visualisation.

bitcoinbento grid
C

Clean Minimalism Hero

No description available

minimalismclean
C

Crypto Glassmorphic Toast

No description available

toastnotification
Bitcoin Timeline image

Bitcoin Timeline

Walk users through the history of Bitcoin with a detailed, chronological timeline. Perfect for educating visitors on the milestones that shaped Bitcoin's journey from inception to global adoption.

bitcointimeline
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
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
Cyberpunk Services image

Cyberpunk Services

Sell your services like a boss. This neon-powered layout is all about attracting attention while keeping it crystal clear.

cyberpunkservices
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