# Learn what the package draws and what the platform adds

The package puts a credit in a footer from your own build. The platform at nods.to hosts the credit, counts its clicks and gives your studio a page.

```js
import { creditHTML } from '@nodsto/credit';
import '@nodsto/credit/credit.css';
import '@nodsto/templates/inline-marks/inline-marks.css';

const html = creditHTML(record, { leading: ['© 2026 Kiln'], className: 'nods-as-marker' });
```

## Start with the package.

The packages are MIT-licensed, need no account and make no request to nods.

[**Install the package** Four MIT packages write the record, draw the credit and open its card. They need no account and call no server.](https://docs.nods.to/install/)[**Write a record** A record states who made a site and what it was made with. Every credit is drawn from one.](https://docs.nods.to/record/)[**Draw the credit** The credit is one line of HTML and a stylesheet. It runs no script and makes no request.](https://docs.nods.to/credit/)[**Mark your name on the line** Six classes change how a credited name is marked. The markup stays the same.](https://docs.nods.to/line-styles/)[**Open a card from the credit** A click on the credit opens a card. The package handles focus and placement, and you choose what the card looks like.](https://docs.nods.to/cards/)[**Set a credit in layers** A studio, a project, an installation and the site itself can each set a value. The resolver folds them into one configuration.](https://docs.nods.to/config/)

## Add the platform.

An account on nods.to writes the block for each site and serves what changes after it is pasted. [Pricing](https://nods.to/pricing) lists what each plan includes.

[**Paste the block into a site** nods.to writes one block of HTML for each installation, counts the clicks on it and serves its card.](https://docs.nods.to/paste-block/)[**Style your page with CSS** A stylesheet of your own is applied after the page’s. These are the names it can hold on to and the rules it has to pass.](https://docs.nods.to/page-css/)[**Connect an assistant** An API token lets an assistant read and change your page and your credit over the Model Context Protocol.](https://docs.nods.to/mcp/)

## Send a client’s developer one page.

[For developers](https://nods.to/developers) lists what a credit adds to a site that carries one, and every request it can cause.

---
https://docs.nods.to/ · nods 0.1.0 · MIT