CyberpunkComponent Collection

15 Components

Created: August 27th, 2024

Updated: about 1 month ago

Dive into a neon-drenched future with the Cyberpunk Collection. This set blends retro tech aesthetics with futuristic vibes, bringing bold typography, glowing grids, and edgy animations to life. Perfect for projects that scream rebellion, innovation, and a touch of sci-fi chaos. Power up your designs and get ready to jack into the grid.

View Collection Preview

View Mode:

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

heroneon

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 Buttons

Click me, punk. These buttons are bold, glowing, and just a bit rebellious—exactly what your design needs to feel alive.

buttonsinteractive

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

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

cyberpunkmetrics

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

Cyberpunk Onboarding

Forget dull sign-ups. This onboarding form is all about retro vibes and neon lines, making the process feel like an epic first step.

onboardingcyberpunk

Cyberpunk About Hero

Introduce your brand like a true disruptor. Bold typography, edgy visuals, and futuristic style make this section unforgettable.

cyberpunkhero

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 Milestones

Your journey deserves a timeline that’s out of this world. Glowing markers, sleek visuals, and a high-tech vibe to tell your story.

cyberpunktimeline

Cyberpunk Services

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

cyberpunkservices

Cyberpunk Toast

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

toastnotification