Tilt
Version: 1.0.0
Created: 09/04/2025
Updated: 09/05/2025
Tilt is an interactive Vue component that brings depth and motion to any element. It reacts smoothly to mouse movement, tilting toward the pointer while casting dynamic shadows, creating a realistic 3D effect that makes your UI feel more alive and engaging.
Installation guide for external usage
Note: Components is also available in Vue Play Studio via drag-and-drop.
Install using npm
npm install https://manager.vueplay.io/tilt@1.0.0Install using npm from Vue Play registry
Token required for private and paid components
# .npmrc
@vueplayio:registry=https://manager.vueplay.io/
//manager.vueplay.io/:_authToken=tokenthen
npm install @vueplayio/tiltClone using git
(Login to see access token)
git -c http.extraHeader="authorization-x: Bearer token" clone https://git.vueplay.io/git/918235bf-27fc-4fec-ac78-4cca591d9cd2Embed using CDN
<!doctype html>
<html>
<head>
<script type="importmap">
{
"imports": {
"vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.prod.js"
}
}
</script>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<script type="module">
import { createApp } from 'vue'
import App from 'https://manager.vueplay.io/tilt@1.0.0/esm'
createApp(App).mount('#app')
</script>
</head>
<body>
<div id="app"></div>
</body>
</html>© Copyright 2026 - Siglar Development AS