Skip to content

csswitch/jekyll-neon-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Neon Noir — Cyberpunk Jekyll 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.


MIT License Jekyll GitHub Pages

A cyberpunk-inspired Jekyll theme with perspective grid, neon glow effects, scanline overlay, glitch animations, and electric magenta/cyan accents.

Live Demo →


✨ Features

  • 🌆 Perspective grid — CSS gradient with mask-image floor illusion, zero images
  • Neon glow — stacked box-shadow bloom on every interactive element
  • 📺 CRT scanlinesrepeating-linear-gradient across viewport
  • ✂️ Glitch animationclip-path glitch on post titles
  • 🎨 4 accent modes — magenta, cyan, amber, green
  • 🏷️ Tag system — outlined chip tags + filterable archive
  • 📱 Fully responsive — mobile-first nav toggle
  • Zero dependencies — vanilla JS only
  • 🐙 GitHub Pages compatible

🚀 Quick Start

git clone https://github.com/YOUR_USERNAME/YOUR_BLOG.git
cd YOUR_BLOG
bundle install
bundle exec jekyll serve --livereload

⚙️ Configuration

neon:
  accent: "magenta"   # magenta | cyan | amber | green
  grid: true          # perspective grid background
  scanlines: true     # CRT scanline overlay
  glitch: true        # glitch animation on load
  particles: true     # floating neon particles

📁 Structure

jekyll-neon-theme/
├── _config.yml
├── _layouts/
│   ├── default.html   ← scanlines, grid, nav, footer
│   ├── home.html      ← featured card + post grid
│   ├── post.html      ← glitch title + post body
│   └── page.html
├── _sass/
│   ├── _variables.scss   ← palette, glow mixins
│   ├── _base.scss        ← grid, scanlines, typography
│   ├── _layout.scss      ← nav, progress bar, footer
│   └── _components.scss  ← cards, tags, glitch, pagination
├── assets/
│   ├── css/main.scss
│   └── js/neon.js
└── _posts/

📄 License

MIT © csswitch


Made with 💜 by csswitch — distinctive Jekyll themes for developers.

About

Cyberpunk-inspired Jekyll theme with perspective grid, neon glow effects, CRT scanlines, glitch animations, and electric magenta/cyan accents.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors