SmarterKits
Pricing
CollectionsComponentsPacksTrending
All Collections

Categories

Hero SectionsBento GridsFeature SectionsAbout SectionsCTA SectionsNavigationTestimonialsPricingFAQContactFooter

Styles

BrutalismBubblegumCyberpunkNeumorphicGlassmorphicBitcoinExplorer
Saved Items

Cyberpunk Hero

Cyberpunk Hero

BOOM! Make your entrance like a neon explosion. This cyberpunk hero section is all sharp edges, bold animations, and look-at-me-now vibes.

Go to Collection

Cyberpunk Hero

BOOM! Make your entrance like a neon explosion. This cyberpunk hero section is all sharp edges, bold animations, and look-at-me-now vibes.

heroneoncyber punklanding pagemain header

More from this collection

C

Cyberpunk Navigation

Why settle for boring menus? Navigate your site like a boss with this neon-infused, retro-futuristic nav bar. Functionality meets cyber-cool aesthetics.

navigationmenu
Cyberpunk Gallery image

Cyberpunk Gallery

Turn up the aesthetic. This neon-inspired gallery is made for showcasing images or videos that look like they were pulled straight from a cyber-dream.

galleryimages
Cyberpunk Core Values image

Cyberpunk Core Values

Your principles, but make them glow. This layout is here to highlight your values in a way that’s as futuristic as your vision.

cyberpunkabout
Cyberpunk Features image

Cyberpunk Features

Show off your features like a true rebel. This futuristic layout pairs bold colors with structured design to give your audience a visual punch.

featurescyberpunk
Cyberpunk Bento Grid image

Cyberpunk Bento Grid

Organize your chaos with a Bento Grid straight out of 2087. Perfect for making your content look structured while still screaming cyberpunk vibes.

cyberpunkbento
Cyberpunk Toast image

Cyberpunk Toast

Pop-ups that pack a punch. These notifications are glowing, edgy, and impossible to ignore—because subtlety is overrated.

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

Cyberpunk Metrics

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

cyberpunkmetrics

You might also like

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
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
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
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
Neubrutalism Features image

Neubrutalism Features

A feature showcase with bold statistics and interactive cards. Each feature includes an icon box, fun statistics, and engaging descriptions with a rebellious tone.

featurescards
Bubblegum Pricing image

Bubblegum Pricing

Pricing that pops? Yes, please. Animated, playful, and impossible to ignore—your pricing tiers have never looked this good.

bubblegumpricing
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
Neubrutalism Team image

Neubrutalism Team

Meet the squad that doesn’t play by the rules. Tilted images, quirky quotes, and cards that hover like they own the place—because normal team showcases are just sad.

teamcards
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