SmarterKits
Pricing
CollectionsComponentsPacksTrending
All Collections

Categories

Hero SectionsBento GridsFeature SectionsAbout SectionsCTA SectionsNavigationTestimonialsPricingFAQContactFooter

Styles

BrutalismBubblegumCyberpunkNeumorphicGlassmorphicBitcoinExplorer
Saved Items

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 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 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 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 Chart (Horizontal) image

Brutalism Chart (Horizontal)

Same raw energy, but sideways. Horizontal bars, minimalist design, and enough edge to make your data impossible to ignore.

brutalismstats
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 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 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 Toasts image

Brutalism Toasts

Notifications that don’t sugarcoat it. Brutalist toasts deliver the message loud and clear—no frills, just straight facts (or errors). You can’t ignore them, even if you try.

toastnotifications
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

You might also like

Bubblegum About image

Bubblegum About

Forget boring ‘About Us’ pages—this one’s playful, quirky, and unapologetically fun. Because your brand deserves more than a dull paragraph.

aboutbubblegum
Cyberpunk Footer image

Cyberpunk Footer

End on a high note with this glowing footer. Add links, socials, or CTAs in a layout that looks so good, no one will want to leave.

navigationfooter
Glass Call-to-Action image

Glass Call-to-Action

Encourage visitors to take the next step with an eye-catching, glossy Call-to-Action component. Customise the text and button to align with your desired user action.

ctaglassmorphic
Glass Testimonials image

Glass Testimonials

Showcase glowing reviews from satisfied customers with the sleek and modern Glass Testimonials component. Easily add social proof to your site and boost conversions.

testimonialsglassmorphism
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
Cyberpunk Metrics image

Cyberpunk Metrics

Stats that slap. This metrics component combines neon-drenched visuals with practical layouts—perfect for those dashboard flexes.

cyberpunkmetrics
Clean Minimalist Bento image

Clean Minimalist Bento

Elevate your UI with our Clean Minimalist Bento component. Crafted with Tailwind CSS, it offers a sleek, responsive design perfect for modern web apps, ensuring elegance and functionality.

bentominimalist
Bitcoin Education image

Bitcoin Education

An educational section with resources categorized by beginner, intermediate, and advanced levels. Helps users learn about Bitcoin, blockchain, mining, and trading strategies.

bitcoineducation
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