Skip to content
/ xv Public

xkcd.com viewer app, done in pure JavaScript, CSS and Webpack

License

Notifications You must be signed in to change notification settings

icmx/xv

Repository files navigation

xv Netlify Status

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

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?

Animated demo of xv

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 serve

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