# Installation
> One command, or a manual install when you want to own every line.
## One command
```sh
npx astro add moonarc
```
This installs `@moonarc/core` and the `moonarc` integration entry, adds
the integration to `astro.config.mjs`, and that is the whole setup. The
integration does three small things you would otherwise do by hand:
1. Injects `@moonarc/core/styles/base.css` on every page: the theme-aware
tokens (`--ma-ease-out`, `--ma-edge`, …) every component reads.
2. Adds a 92-byte inline script to `` that sets `data-ma-js` on ``
before first paint, and again after every `` navigation.
Entrance effects hide content only behind that attribute, so a page whose
JavaScript never runs still shows everything.
3. Optionally adds the package to `vite.ssr.noExternal`. It is off by default
because Astro 5, 6 and 7 do not need it.
Then import what you use:
```astro
---
import Reveal from '@moonarc/core/Reveal';
---
Hello
```
Each component is its own subpath export, so importing one never pulls the
stylesheet or script of another.
## Manual install
If you prefer no integration, install the components package:
```sh
npm install @moonarc/core
```
Then do by hand what the integration does:
```js title="astro.config.mjs"
// nothing needed
```
```astro title="src/layouts/Base.astro"
---
import '@moonarc/core/styles/base.css';
import { gateScript } from '@moonarc/core';
---
```
The `