SmarterKits
Pricing
CollectionsComponentsPacksTrending
All Collections

Categories

Hero SectionsBento GridsFeature SectionsAbout SectionsCTA SectionsNavigationTestimonialsPricingFAQContactFooter

Styles

BrutalismBubblegumCyberpunkNeumorphicGlassmorphicBitcoinExplorer
Saved Items
SmarterKits
Pricing
CollectionsComponentsPacksTrending
  1. Home
  2. Tailwind
  3. Collections
  4. Loading...
  5. Loading...

SmarterKits

Building the future of web development, one component at a time.

Quick Links

  • Home
  • Collections
  • Components
  • About Us

Connect

© 2025 SmarterKits. All rights reserved.

  1. Home
  2. Tailwind
  3. Components
  4. Cyberpunk
  5. Cyberpunk Metrics

Cyberpunk Metrics

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

Go to Collection

Cyberpunk Metrics

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

cyberpunkmetricsstatsdashboarddata

More from this collection

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

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

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

You might also like

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

Explorer Features

No description available

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

Neumorphic Hero

Soft, modern design with subtle shading & raised content area creating depth. Sleek rounded corners & muted colors.

neuromorphiclanding page
Bitcoin Events image

Bitcoin Events

Keep your audience informed about upcoming Bitcoin-related events such as halving events, conferences, and webinars. Perfect for engaging users interested in staying updated on Bitcoin and crypto events.

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

Crypto Navigation

No description available

glassmorphiccrypto
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