Tippy.vue

Do one thing, and do it well.

Get Started →

Easy to use

A clumsy tool will wind up chronically underutilized, so Tippy.vue has been designed with a focus on ergonomics.

Clean to write

Writing Tippy.vue is clean. We don't use wrapper components, everything is in the default slot, and common options are exposed as props.

Clean HTML

Tippy.vue mounts itself and then disappears from the DOM tree, leaving your layout untouched.

<button v-tippy>Tippy.vue</button>
<tippy>Current time: <i>{{seconds}}</i></tippy>
<button v-tippy="'Current time: ' + seconds">v-tippy</button>