Fathom.js - Present JavaScript in its native environment.
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


PLEASE NOTE: This project is no longer maintained. Instead, you should check out Bespoke.js.

Fathom.js endorse

Present JavaScript in its native environment.

If you're making a presentation on JavaScript, make it in JavaScript.


Example HTML:

<div id="presentation">

  <div class="slide">
    <h1>My Presentation</h1>
  <div class="slide">
    <h2>My Dot Points</h2>
      <li>First dot point</li>
      <li>Second dot point</li>
      <li>Third dot point</li>

jQuery Plugin Setup:


Advanced Setup:

var fathom = new Fathom('#presentation');

Full guide available at the official Fathom.js project page.

I've included a sample CSS file in the repo to get you started.

Please note that Fathom.js is not trying to recreate Powerpoint or Keynote. While they're good tools, I personally find that style of interface to be inappropriate on the web. If you're wondering why feature x from Powerpoint is missing, this is probably why.

How to Build

The code is minified using UglifyJS using the following command:

uglifyjs -o fathom.min.js fathom.js

Contributing to Fathom.js

If you want to contribute in a way that changes the API, please file an issue before submitting a pull request so we can dicuss how to appropriately integrate your ideas.


Contact me on GitHub or Twitter: @markdalgleish