Motion Core

Getting Started

Quick Start

Getting started with the Motion Core CLI.

Installation

Global Installation

You can install the CLI globally to use it in any project:

npm install -g @motion-core/cli
npm install -g @motion-core/cli

Once installed globally, you can invoke the CLI directly using the motion-core command:

motion-core --help
motion-core --help

Usage without installation

You can also run the CLI directly using npx, bunx, or pnpm dlx without installation:

npx @motion-core/cli init
npx @motion-core/cli init

Configuration

The motion-core.json file allows you to customize where components and utilities are installed.

{
	"$schema": "https://motion-core.dev/registry/schema/config-schema.json",
	"tailwind": {
		"css": "src/routes/layout.css"
	},
	"aliases": {
		"components": {
			"filesystem": "src/lib/motion-core",
			"import": "$lib/motion-core"
		},
		"helpers": {
			"filesystem": "src/lib/motion-core/helpers",
			"import": "$lib/motion-core/helpers"
		},
		"utils": {
			"filesystem": "src/lib/motion-core/utils",
			"import": "$lib/motion-core/utils"
		},
		"assets": {
			"filesystem": "src/lib/motion-core/assets",
			"import": "$lib/motion-core/assets"
		}
	},
	"aliasPrefixes": {
		"components": "$lib/motion-core"
	},
	"exports": {
		"components": {
			"barrel": "src/lib/motion-core/index.ts",
			"strategy": "named"
		}
	}
}
{
	"$schema": "https://motion-core.dev/registry/schema/config-schema.json",
	"tailwind": {
		"css": "src/routes/layout.css"
	},
	"aliases": {
		"components": {
			"filesystem": "src/lib/motion-core",
			"import": "$lib/motion-core"
		},
		"helpers": {
			"filesystem": "src/lib/motion-core/helpers",
			"import": "$lib/motion-core/helpers"
		},
		"utils": {
			"filesystem": "src/lib/motion-core/utils",
			"import": "$lib/motion-core/utils"
		},
		"assets": {
			"filesystem": "src/lib/motion-core/assets",
			"import": "$lib/motion-core/assets"
		}
	},
	"aliasPrefixes": {
		"components": "$lib/motion-core"
	},
	"exports": {
		"components": {
			"barrel": "src/lib/motion-core/index.ts",
			"strategy": "named"
		}
	}
}