Svelte Tiptap Notion Clone

Demo site:
Github Repo:


The slash commands in the demo use a Svelte store to keep track of the commands and filter the list as the user types. There is also a store that keeps track which item is currently being hovered on and resets the index to zero if the slash command menu is closed.

The Repl below is a simplified version that doesn't have quite as many moving parts.

Input Output