Svelte-pops is a performant and easy to use popover manager for creating dialog and tooltips. Primarly built for Planhead (cashflow management) by Neil Savin.

Test it !

Features

• Great DX with no extra bindings
• Widely customizable
• Stackable popover
• Handle tooltips
• Handle shallow routing (In progress)
• Handle escape keydown shortcut
• Handle stop scrolling
• Based on Svelte 5 and typescript
• Requires Tailwindcss 4
• Placement based on floating-ui

Basic use

Init context manager on your top +layout.svelte

<script>
	import { initModalContext } from 'svelte-pops';
	initModalContext();
</script>

Modal component goes directly inside your anchor

<button
	>Open modal
	<Modal class="p-3">
        Here is your content
    </Modal>
</button>