@humanspeak/svelte-motion
Version:
Framer Motion for Svelte 5. Declarative motion.<tag> components with AnimatePresence exit animations, gestures (hover, tap, drag, focus, in-view), variants, FLIP layout animations, shared-layout transitions, spring physics, and scroll-linked motion values
189 lines • 5.43 kB
JSON
{
"name": "@humanspeak/svelte-motion",
"version": "0.6.5",
"description": "Framer Motion for Svelte 5. Declarative motion.<tag> components with AnimatePresence exit animations, gestures (hover, tap, drag, focus, in-view), variants, FLIP layout animations, shared-layout transitions, spring physics, and scroll-linked motion values. The drop-in Framer Motion alternative for Svelte and SvelteKit.",
"keywords": [
"svelte",
"svelte-5",
"svelte5",
"sveltekit",
"svelte-motion",
"motion-svelte",
"svelte-animation",
"svelte-animations",
"svelte-animation-library",
"animation",
"animations",
"motion",
"framer-motion",
"framer-motion-svelte",
"framer-motion-for-svelte",
"framer-motion-alternative",
"transitions",
"gestures",
"drag",
"drag-and-drop",
"hover",
"tap",
"while-in-view",
"variants",
"animate-presence",
"exit-animation",
"layout-animation",
"shared-layout",
"flip-animation",
"spring",
"spring-physics",
"scroll-animation",
"scroll-linked",
"use-spring",
"use-scroll",
"use-animate",
"use-transform",
"use-in-view",
"use-presence",
"motion-values",
"ssr",
"typescript",
"ui-animation",
"micro-interactions"
],
"homepage": "https://motion.svelte.page",
"bugs": {
"url": "https://github.com/humanspeak/svelte-motion/issues"
},
"repository": {
"type": "git",
"url": "git+https://github.com/humanspeak/svelte-motion.git"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/humanspeak"
},
"license": "MIT",
"author": "Humanspeak, Inc.",
"sideEffects": [
"**/*.css"
],
"type": "module",
"exports": {
".": {
"types": "./dist/index.d.ts",
"svelte": "./dist/index.js"
},
"./vite": {
"types": "./dist/vite.d.ts",
"default": "./dist/vite.js"
},
"./html/*.svelte": {
"svelte": "./dist/html/*.svelte"
}
},
"svelte": "./dist/index.js",
"types": "./dist/index.d.ts",
"files": [
"dist",
"!dist/**/*.test.*",
"!dist/**/*.spec.*",
"!dist/**/__tests__/**",
"!dist/lib/html/*.template"
],
"overrides": {
"@sveltejs/kit": {
"cookie": "^0.7.0"
}
},
"dependencies": {
"acorn": "^8.16.0",
"motion": "^12.40.0",
"motion-dom": "^12.40.0"
},
"devDependencies": {
"@changesets/cli": "^2.31.0",
"@eslint/compat": "^2.1.0",
"@eslint/js": "^10.0.1",
"@playwright/test": "^1.60.0",
"@sveltejs/adapter-auto": "^7.0.1",
"@sveltejs/kit": "^2.61.1",
"@sveltejs/package": "^2.5.7",
"@sveltejs/vite-plugin-svelte": "^7.1.2",
"@tailwindcss/aspect-ratio": "^0.4.2",
"@tailwindcss/container-queries": "^0.1.1",
"@tailwindcss/forms": "^0.5.11",
"@tailwindcss/typography": "^0.5.19",
"@tailwindcss/vite": "^4.3.0",
"@testing-library/jest-dom": "^6.9.1",
"@testing-library/svelte": "^5.3.1",
"@types/node": "^25.9.1",
"@vitest/coverage-v8": "^4.1.8",
"eslint": "^10.4.1",
"eslint-config-prettier": "10.1.8",
"eslint-plugin-import": "2.32.0",
"eslint-plugin-svelte": "3.19.0",
"eslint-plugin-unused-imports": "4.4.1",
"esm-env": "^1.2.2",
"globals": "^17.6.0",
"html-tags": "^5.1.0",
"html-void-elements": "^3.0.0",
"husky": "^9.1.7",
"jsdom": "^29.1.1",
"mprocs": "^0.9.5",
"prettier": "^3.8.3",
"prettier-plugin-organize-imports": "^4.3.0",
"prettier-plugin-sort-json": "^4.2.0",
"prettier-plugin-svelte": "^4.1.0",
"prettier-plugin-tailwindcss": "^0.8.0",
"publint": "^0.3.21",
"runed": "0.37.1",
"svelte": "^5.56.0",
"svelte-check": "^4.5.0",
"svg-tags": "^1.0.0",
"tailwind-merge": "^3.6.0",
"tailwind-variants": "^3.2.2",
"tailwindcss": "^4.3.0",
"tailwindcss-animate": "^1.0.7",
"tsx": "^4.22.4",
"typescript": "^6.0.3",
"typescript-eslint": "^8.60.0",
"vite": "^8.0.16",
"vite-tsconfig-paths": "^6.1.1",
"vitest": "^4.1.8"
},
"peerDependencies": {
"svelte": "^5.0.0"
},
"volta": {
"node": "24.15.0"
},
"publishConfig": {
"access": "public"
},
"scripts": {
"build": "vite build && npm run package",
"cf-typegen": "pnpm --filter docs cf-typegen",
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
"cs:add": "changeset",
"cs:publish": "pnpm run build && changeset publish",
"cs:version": "changeset version && pnpm i --lockfile-only",
"dev": "vite dev",
"dev:all": "mprocs",
"dev:pkg": "svelte-kit sync && svelte-package --watch",
"format": "prettier --write .",
"generate": "tsx scripts/generate-html.ts",
"husky": "husky",
"lint": "prettier --check . && eslint .",
"lint:fix": "npm run format && eslint . --fix",
"package": "svelte-kit sync && svelte-package && publint",
"preview": "vite preview",
"release": "pnpm run cs:version && pnpm run cs:publish",
"test": "vitest run --coverage",
"test:all": "npm run test && npm run test:e2e",
"test:e2e": "playwright test",
"test:e2e:debug": "playwright test --debug",
"test:e2e:report": "playwright show-report",
"test:e2e:ui": "playwright test --ui",
"test:only": "vitest run",
"test:watch": "vitest"
}
}