A growing set of projects built on top of Cotton, from component libraries to editor tooling. Most are third-party and independently maintained. Built something? Add it.
Pre-built UI kits and component sets you can drop into a Cotton project.
An official Cotton UI kit: themeable interactive components based on Tailwind 4 and Alpine.js 3.
Copy-paste shadcn/ui components for Django, built with Tailwind and Alpine and HTMX-friendly.
Ready-made Basecoat (shadcn/ui) components for Django, powered by Cotton.
Icon sets exposed as Cotton components.
An official Cotton icon library exposing the Lucide, Tabler and Heroicons sets as Cotton components.
The Heroicons set exposed as Cotton components, with outline, solid, mini and micro variants.
Command-line and development tools for building Cotton components.
A CLI that scaffolds DaisyUI components for Cotton. Requires DaisyUI and Cotton set up first.
A development playground for Cotton components. Turns @prop annotations into live controls, slot IntelliSense, docs and dependency insights, plus a cotton_lint command for CI.
Editor extensions that understand Cotton's component tags.
Autocomplete, hover docs and go-to-definition for components, props and slots, plus Find All References, unused-component detection, and diagnostics for missing components and slot-name typos.
Syntax highlighting for .cotton.html files, plus autocomplete, hover docs, go-to-definition and unknown-component diagnostics.
Community write-ups using Cotton.
Builds a reusable modal with Cotton and Alpine, with a companion repo.
Part 8 of a To-do app series, refactoring HTMX templates into Cotton components.
A full app walkthrough that uses Cotton for reusable components alongside HTMX and Alpine.
Built a library, tool, extension or tutorial for Cotton? Share it in GitHub Discussions and it can be added here.