L'affichage de TiddlyWiki est piloté par un ensemble de widgets sous-jacents. Ceux-ci sont organisés dans une structure arborescente : chaque widget a un widget parent et zéro ou plusieurs widgets enfants.
TiddlyWiki génère cet arbre widget par l'analyse WikiText des tiddlers. Chaque composant de la syntaxe WikiText, y compris le cas trivial du texte ordinaire, génère le widget correspondant. L'arborescence widget est une représentation intermédiaire, rendue, par la suite, dans l'affichage réel final.
Les Widgets sont similaires aux éléments HTML d'un document. En fait, les balises HTML dans Wikitext génèrent des éléments widgets dédiés.
Chaque classe de widget contribue a une aptitude spécifique de la fonctionnalité globale, comme l'aptitude à afficher une image, un bouton, pour appeler une macro, transclure un texte externe, ou pour marquer une partie du texte comme titre.
Les widget plus spécialisés utilisent une syntaxe de widget polyvalente comme seule représentation WikiText possible.
Les classes de widget suivantes sont intégrées au noyau :
- action-confirm
- action-createtiddler
- action-deletefield
- action-deletetiddler
- action-listops
- action-log
- action-navigate
- action-popup
- action-sendmessage
- action-setfield
- action-setmultiplefields
- ActionWidget Execution Modes
- ActionWidgets
- browse
- button
- checkbox
- codeblock
- count
- data
- diff-text
- draggable
- droppable
- dropzone
- edit-bitmap
- edit-text
- edit
- encrypt
- entity
- error
- EventCatcherWidget
- fieldmangler
- fields
- fill
- genesis
- image
- importvariables
- jsontiddler
- keyboard
- let
- linkcatcher
- link
- list
- LogWidget
- macrocall
- MessageCatcherWidget
- MessageHandlerWidgets
- navigator
- parameters
- password
- vars
- radio
- range
- reveal
- scrollable
- select
- setmultiplevariables
- setvariable
- set
- slot
- testcase
- text
- tiddler
- transclude
- TriggeringWidgets
- vars
- view
- wikify