# Django Cotton

> Modern UI composition for Django: build reusable server-side
> components in single HTML files. These docs are also served as
> rendered pages under /docs/.

- [Quickstart](https://django-cotton.com/docs/quickstart.md)
- [Components](https://django-cotton.com/docs/components.md)
- [Fundamentals](https://django-cotton.com/docs/fundamentals.md)
- [Thinking in Components](https://django-cotton.com/docs/thinking-in-components.md)

## Tutorials

- [Reusable Form Inputs](https://django-cotton.com/docs/form-fields.md)
- [Reusable Tabs with Alpine.js](https://django-cotton.com/docs/alpine-js.md)
- [Composing Layouts](https://django-cotton.com/docs/layouts.md)
- [Cotton as SVG Icons](https://django-cotton.com/docs/icons.md)

## Usage Patterns

- [Component Variants](https://django-cotton.com/docs/variants.md)
- [Attribute Proxying](https://django-cotton.com/docs/attribute-proxying.md)
- [Compound Components](https://django-cotton.com/docs/index-component.md)
- [Component Assets](https://django-cotton.com/docs/component-assets.md)
- [HTMX Integration](https://django-cotton.com/docs/htmx-examples.md)

## API

- [Component tag](https://django-cotton.com/docs/component-tag.md)
- [Attributes](https://django-cotton.com/docs/attributes.md)
- [c-vars](https://django-cotton.com/docs/c-vars.md)
- [c-slot](https://django-cotton.com/docs/c-slot.md)
- [c-portal](https://django-cotton.com/docs/c-portal.md)
- [Template variables](https://django-cotton.com/docs/template-variables.md)
- [Tags and filters](https://django-cotton.com/docs/tags-and-filters.md)
- [Python API](https://django-cotton.com/docs/python-api.md)
- [Configuration](https://django-cotton.com/docs/configuration.md)

## Community

- [Ecosystem](https://django-cotton.com/docs/ecosystem.md)