Fathom.js - Present JavaScript in its native environment.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit 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