SmarterKits
Pricing
CollectionsComponentsPacksTrending
All Collections

Categories

Hero SectionsBento GridsFeature SectionsAbout SectionsCTA SectionsNavigationTestimonialsPricingFAQContactFooter

Styles

BrutalismBubblegumCyberpunkNeumorphicGlassmorphicBitcoinExplorer
Saved Items

Brutalism Bento Grid

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.

Go to Collection

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.

bentocardsbrutalism

More from this collection

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

Clean Minimalist Features image

Clean Minimalist Features

Highlight key features with our Clean Minimalist Features component. Tailwind CSS ensures a sleek, responsive design, ideal for modern web applications seeking simplicity and elegance.

minimalismfeatures
Crypto Navigation image

Crypto Navigation

No description available

glassmorphiccrypto
Neubrutalism News Paper image

Neubrutalism News Paper

Who needs boring old news when you can have the Neubrutalism News Paper? This component takes the classic newspaper look and gives it a rebellious twist.

newsmodern
NeuBrutalism Hero Vertical image

NeuBrutalism Hero Vertical

Who said heroes need to be horizontal? This bad boy flips the script, making sure your design stands tall and demands attention. Don’t like it? Too bad.

herobold
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
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
Neubrutalism Buttons image

Neubrutalism Buttons

Say goodbye to dull buttons and hello to the Neubrutalism Buttons—where every click is an event. These aren’t just buttons; they’re statements. With colors that shout and animations that dazzle, each button variant is here to make sure your users know exactly what to do.

roundedbuttons
Luminous Edge Features image

Luminous Edge Features

Luminous Edge Features is a sleek UI component designed to bring vibrant neon effects to your interface. Utilizing glowing neon outlines and edges, it creates a striking luminous border that enhances visual appeal and draws user attention. Perfect for modern, futuristic, or cyberpunk-themed designs, this component adds depth and energy through dynamic neon lighting styles. Easily customizable, it supports a range of neon colors and intensities to match your brand or project aesthetic. Integrate Luminous Edge Features to elevate buttons, cards, or containers with eye-catching neon glow effects, making your UI stand out with a radiant, electrifying edge.

neonfeatures
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