UNPKG

@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
{ "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" } }