◆

Cotton component library

MPA · server-rendered components, themed to Beacon · {% c-button %}

01
Buttons
c-button · variants & sizes
02
Badgesc-badge
Active
Pending
New
Beta
Error
03
Progressc-progress
Build72%
Storage38%
04
Formc-input · c-label · c-select · c-checkbox
us-east-1
us-west-2
eu-west-1
05
Tabsc-tabs
Account
Settings for the account section live here.
Security
Settings for the security section live here.
Email
Settings for the email section live here.
06
Accordionc-accordion

Yes. Every component ships with ARIA roles, focus rings and keyboard nav out of the box.

Each component reads from the Beacon theme variables — swap the accent in one place.

They're Django Cotton tags. Drop <c-button> into any template; no build step.
07
Command · ⌘Kc-command_dialog
No results found.
Suggestions
◳ Go to dashboard
⚿ Invite teammate
↥ New deploy
08
Tablec-table
Member Email Role Status
Robin Avery robin@acme.co Owner
Active
Sam Diaz sam@acme.co Admin
Active
Jo Park jo@acme.co Member
Invited
09
Overlays
c-dialog · c-alert · c-toast
Delete project?
This permanently removes acme-web and all its deploys. This action can't be undone.
⚠
Verify your email
Resend the confirmation link.