xv

Simple xkcd comics viewer, done in pure JavaScript and CSS.

Check it on icmx-xv.netlify.app!

Features

• Pure modern JavaScript and CSS, no frameworks or external dependencies used
• Classic navigation experience as in original site (Random button included)
• Keyboard navigation: use arrow keys, hold Shift for first/last, R for random
• Routing: try /#303 e.g.
• Transcript for about 1600 first comics, with parsing!
• Mobile-first and desktop layouts
• Light and Dark modes without flashing on refresh — works with images too!
• Caching service worker

How it looks like?

Development

# clone repository
git clone https://github.com/icmx/xv

# go to local copy
cd xv

# install dependencies
npm install

# launch it on localhost:8000
npm run dev

# build it
npm run build

License

MIT.

Original comics are made by Randall Munroe at xkcd.com.

Awesome icons set made by Atisa at boxicons.com.