# Talkie.js Web Components Based Presentation Library Go to [repository](https://github.com/ahomu/Talkie)

## Feature - Markdown supported - Code highlighting - Responsive scaling - FullScreen mode - Vertical Scrolling - Progress indicator - Accessibility supported

## 機能 (Japanese) - Markdown 書けるよ (੭ु˵＞ヮ＜)੭ु⁾⁾ - ハイライトばっちり _:(°ω° 」∠):＿ - レスポンシブだよ (^з^)-☆ - フルスクリーン対応 (｡•̀ᴗ-)✧ - 縦方向にスクロールできるよ (*´▽`) - 進行度インジゲータあるよ c⌒っ.ω.)っ - アクセシビリティ配慮してるよ ✧◝(⁰▿⁰)◜✧

## in HTML ```html

Section Title

Lorem ipsum dolor sit amet, consect...

The bullets

```

## in Markdown ```html # Section Title Lorem ipsum dolor sit amet, consect... ## The bullets - Foo - Bar - Baz ``` You can use `tk-slide` element instead of `script`.

## Backface image & filter ```html

Title

foo, bar, baz, qux...

```

## Backface (北極) `backface-filter="blur(3px) brightness(.9)"`

## Vertical Scrolling
👇👇👇 Convenient to quickly browse with mobile devices.

## FullScreen mode When you press the **"f"** key will be a full-screen mode. "f" or "Esc" key Press and then exit.

## Presenter note Open developer tools, will show presenter notes ----- Yes! This is your note!

## Runtime Options ```typescript interface TalkieRuntimeOptions { wide?: boolean; // default: false horizontal?: boolean; // default: false } talkie.run(options); ```

## Enjoy! [ahomu/Talkie - GitHub.com](https://github.com/ahomu/Talkie)