Isostructure
Source
Preview

Welcome to Isostruct

This is a structured document editor that converts your text into beautiful slides.

Getting Started

Write your content in the source editor on the left. Use double blank lines to create slide breaks.

Features

  • Bold and italic text formatting
  • Colored text with red text, blue text, green text, and more
  • Font sizes and font families, or combine them all
  • Links like this one
  • Slide break detection with visual gutter
  • Beautiful presentation mode

Presentation Mode

Click the play button or press the present button to enter presentation mode.

Use arrow keys to navigate between slides. Press Escape to exit.

Click Overview in the bottom bar to see every slide as a thumbnail grid and jump straight to one.

Click Notes (or press N) to see this slide's speaker notes — write them with a `>>` line, and they only ever show up here.

Each slide animates in as you navigate, so try moving between this slide and the next few to see the transition.

Put a `!transition(type, duration)` directive on the first line of the document to customize it. Type is one of fade, slide, zoom, or none, and duration is in milliseconds. This document uses `!transition(zoom, 500)` — try changing it to `!transition(fade, 800)` or `!transition(none)`.

Image Test

Add =WIDTHw or =WIDTHxHEIGHT after the image URL to control its size.

Isostruct Logo

Video Test

Write on its own line to embed a video. A YouTube link becomes a responsive player, and any other https link to a video file becomes a native video player with controls.

Code Test

Fence code with triple backticks and an optional language tag right after the opening fence for syntax highlighting.

defmodule Greeter do
  def hello(name), do: "Hello, #{name}!"
end

Link Test

Write link text to add a link, same shape as an image but without the leading !.

This is built with Phoenix LiveView and Elixir — links open in a new tab.

Text Styling

A number sets font size, a name sets font family, and you can combine either with a color by separating modifiers with commas.

Eighteen Thirty-two Fifty-six

Serif Sans Mono Cursive

Combine color, size, and font in one directive