Home Frontend Nexora

Nexora.

HTML CSS JavaScript

A futuristic electronics e-commerce landing page built with pure HTML, CSS, and JavaScript, featuring 3D device mockups, custom cursor, and a dark cyberpunk aesthetic.

Last updated: 1 week ago

Nexora
NEXORA — Future Electronics

NEXORA adalah landing page e-commerce elektronik futuristik yang dibangun menggunakan HTML, CSS, dan JavaScript murni.

Proyek ini menampilkan estetika cyberpunk gelap dengan aksen neon cyan, purple, dan merah, disertai efek visual canggih seperti 3D device mockup, custom cursor, animasi orbit, dan grid chip yang beranimasi secara dinamis.

Seluruh tampilan dibangun tanpa framework JavaScript maupun CSS — membuktikan kemampuan penuh dari teknologi web native untuk menciptakan pengalaman visual kelas dunia.


Features

  • Custom cursor dengan efek ring trailing animasi
  • Hero section dengan 3D laptop dan phone mockup (pure CSS)
  • Animated perspective grid floor
  • Floating color orbs dengan blur effect
  • Stats bar dengan angka highlight
  • Product grid dengan 3 kartu produk (Smartphone, Laptop, TWS)
  • SVG inline product illustrations untuk setiap produk
  • Rotating 3D chip animation dengan sel aktif acak
  • Orbit rings animation (3 cincin berputar)
  • Feature list dengan hover slide effect
  • Testimonial section dengan quote cards
  • CTA section dengan background grid lines
  • Intersection Observer untuk scroll-triggered animations
  • Noise texture overlay via inline SVG filter
  • Bebas Neue + Space Grotesk + DM Mono fonts
  • Fully responsive untuk mobile dan tablet
  • Smooth scroll behavior
  • Glassmorphism card style dengan border dan backdrop blur

License

MIT License © 2026 FannyDevz

2026 @ Fanny Bagus Ramadhan