Skip to content

csswitch/jekyll-vaporwave-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vaporwave Theme

License: csswitch Commercial Buy on Gumroad Live Demo

📄 License & Pricing

Free Paid — $49
Personal / non-commercial site
Footer attribution required ✅ must keep ❌ removed
Commercial / client projects
Future theme updates
Private source repo access

Free to use on personal projects — just keep the small "Theme by csswitch" footer link intact.
Buy the $49 license to remove the attribution, use commercially, and receive future updates.

Buy on Gumroad — $49 →

See LICENSE for full terms.


GitHub Pages Jekyll License: MIT

Retro 80s/90s vaporwave aesthetic Jekyll theme — pastel neon gradients, synthwave perspective grid, chrome serif headlines, glitch hover effects, and CRT scanlines. Built for creative blogs and portfolios.

Live Demo →


Features

  • Synthwave hero — animated perspective CSS grid with cyan/pink lines, radial glow, floating CTA
  • Gradient text — Playfair Display headings with #ff71ce → #01cdfe gradient fill
  • Glitch hoverclip-path glitch on post titles (JS injects data-text for pseudo-elements)
  • CRT scanlines — subtle repeating-linear-gradient overlay on body::after
  • Neon glow cards — multi-layer box-shadow bloom on hover
  • Tag pills — neon violet pills with glow on hover
  • Mobile nav drawer — hamburger toggle for small screens
  • Copy-to-clipboard — button auto-injected into every <pre> block
  • Zero dependencies — vanilla JS only, no jQuery
  • GitHub Pages compatible — safe plugins only

Palette

Token Hex Usage
$pink #ff71ce Primary accent, gradient, glow
$cyan #01cdfe Secondary accent, grid lines, dates
$purple #b967ff Tags, gradient secondary
$yellow #fffb96 Pastel highlight
$mint #05ffa1 Code text
$bg #0a0015 Background

Quick Start

git clone https://github.com/csswitch/jekyll-vaporwave-theme.git my-site
cd my-site
bundle install
bundle exec jekyll serve

Configuration

vaporwave:
  grid: true          # synthwave perspective grid on hero
  scanlines: true     # CRT scanlines overlay
  glitch: true        # glitch effect on post titles
  gradient_text: true # gradient fills on headings
  neon_border: true   # neon glow on card borders

License

MIT © csswitch

Part of the csswitch premium Jekyll template pack.
Browse all themes at csswitch.github.io

About

Retro 80s/90s vaporwave Jekyll theme — pastel neon gradients, synthwave perspective grid, glitch effects, CRT scanlines

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors