# PageSugar

> Editable website sections for your coding agent. Svelte 5, Tailwind CSS 4, source available over MCP.
> Every page on this site has a Markdown twin at the same URL with \`.md\` appended.

Page: https://pagesugar.com/

## What this is

A catalogue of website components you copy into your own project as source code.
Components target Svelte 5 and Tailwind CSS 4; SvelteKit is required only when a
component declares the `sveltekit` runtime. Nothing you download calls back to this
site, and retrieving a component never modifies your project.

## Catalogue

- Published components: 111
- Populated categories: 16
- [Every component](https://pagesugar.com/components.md): the full index, with a Markdown twin per component.
- [Every category](https://pagesugar.com/categories.md): the taxonomy, with counts.

## Retrieval

- [MCP server](https://pagesugar.com/mcp.md): connect a coding agent to https://pagesugar.com/mcp.
- [llms.txt](https://pagesugar.com/llms.txt): the short index written for agents.
- [llms-full.txt](https://pagesugar.com/llms-full.txt): every documentation page inlined into one file.
- [HTTP API](https://pagesugar.com/api/v1/components): JSON listings and release records.
- [Prompts](https://pagesugar.com/prompts.md): design prompts written to be pasted into a coding agent.

## Start here

- [Getting started](https://pagesugar.com/docs/getting-started.md): What these components are, what your project needs, and how to add your first component.
- [Agent workflow](https://pagesugar.com/docs/agents.md): A practical sequence for coding agents that select, retrieve and integrate catalogue components into a Svelte project.
- [Understand component requirements](https://pagesugar.com/docs/component-contract.md): The declarations every published component makes about its runtime, integration level, dependencies, services, files and release state.