SmarterKits
Pricing
CollectionsComponentsPacksTrending
All Collections

Categories

Hero SectionsBento GridsFeature SectionsAbout SectionsCTA SectionsNavigationTestimonialsPricingFAQContactFooter

Styles

BrutalismBubblegumCyberpunkNeumorphicGlassmorphicBitcoinExplorer
Saved Items

Brutalism Inputs

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.

Go to Collection

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.

brutalisminputstextbox

More from this collection

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

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

Celestial Gradient Hero

Illuminate your website with the Celestial Gradient Hero. Sleek animations and a cosmic glow set the stage for something truly extraordinary. Let your brand shine in the spotlight.

heroanimation
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 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!”

shopproduct
Clean Minimalism Hero image

Clean Minimalism Hero

Introduce your site with the Clean Minimalism Hero component. Designed with Tailwind CSS, it offers a clean, responsive layout, perfect for making a striking first impression.

minimalismclean
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
Topography Hero image

Topography Hero

Introducing the Explorer Features component, a beautifully crafted UI element designed to showcase thrilling snow and ice adventures. Leveraging a stunning glassmorphic design, this component features an immersive background image that captures the essence of winter exploration. Users can engage with enticing calls to action, such as "Explore Packages" and "Join the Adventure," enhanced by interactive buttons adorned with icons. The Adventure Library showcases video content organized in a visually appealing grid, each item featuring distinct color gradients and icons for easy navigation. Perfect for adventure enthusiasts, this component not only captivates users visually but also offers a seamless user experience, encouraging exploration and participation in outdoor activities.

patternhero
Neubrutalism Contact Us image

Neubrutalism Contact Us

Contact forms with sass. Playful fields, bold social links, and an FAQ section that practically rolls its eyes if you don’t use it. Go ahead, send a message.

contactform
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