Simple Responsive Presentation Library – Talkie.js

Preview:

Description:

Talkie.js is a simple yet robust JavaScript library that lets you create responsive, accessible, customization presentation slides.

Main features:

• Markdown support
• Code highlighting
• Responsive scaling
• FullScreen mode (press F)
• Pointer mode (press B)
• Progress indicator
• Custom key binding & control

Basic usage:

Install the Talkie.js and import it into your project.

$ npm install talkiejs

Or directly include the Talkie.js’ files on the html page.

<link rel="stylesheet" href="dist/talkie.min.css">
<script src="dist/talkie.js"></script>

Add your own slides to the presentation.

<!-- Pure HTML style -->
<section layout>
  <h1>Slide 1</h1>
</section>
<!-- Markdown style ( require `type` attribute ) -->
<script layout type="text/x-markdown">
# Slide 2
</script>
<!-- You can also use `<template>` element -->
<template layout type="text/x-markdown">
# Slide 2
</template>

Initialize the Talkie.js and done.

Talkie();

Possible options with default values.

Talkie({
  api: false,
  wide: false,
  control: true,
  pointer: true,
  progress: true,
  backface: true,
  canvas: true,
  notransition: false,
  linkShouldBlank: false
});

Changelog:

10/05/2018

• v0.13.0-beta.0