Tiddlywiki Page Layout

Please share links, showcases, examples of alternative Tiddlywiki page layout.

Creating an alternative layout goes beyond adding or removing features from the default interface and allows you to create an entirely new layout from scratch.

Use the keyboard shortcut ctrl-shift-L on any Tiddlywiki (5.1.23+) shows a window and lets you to switch layout.

Readings and References

Use cases

  1. create a reader mode
  2. create webpage

Please share links, showcases, examples of alternative Tiddlywiki page layout. Please add your solution. Explain installation and use cases.

Examples (collected from below posts or elsewhere)
Example 1: Captivate Theme — gives your wiki a pop of color
Example 2: https://tiddlywiki.fission.app/
Example 3: TW Calendar — Tiddlywiki Calendar Widget and Page Layout displaying tiddlers on calendar and agenda, based on created, modified, startDate and endDate fields on tiddlers. (tiddly-gittly.github.io)

3 Likes

Example 1

Captivate Theme — gives your wiki a pop of color (cdruan.github.io)

Use the keyboard shortcut ctrl-shift-L two see two layouts in this wiki, the default layout and the captivate layout.

1 Like

Example 2

TiddlyWiki on Fission — a non-linear personal web notebook

Use the keyboard shortcut ctrl-shift-L two see two layouts in this wiki, the default layout and the Fission layout.

1 Like

Very nice! I enjoyed looking at all the color schemes included.

I see value in sharing the different tiddler display formats independent of the Layout or theme and through the “Story Tiddler” cascade providing for both view and optional edit templates.