This product has been released and is in active development.

QuickChords documents can be embedded in any web page.

Using Short-Tags

Put your document between qc short-tags.

<script src='https://www.quickchords.org/qc.js'></script>

<body>
[qc]
[ C ; G ; Amin ; F ]
[\qc]
</body>

Using Class

Put your document inside an element that has the qc class.

<script src='https://www.quickchords.org/qc.js'></script>

<div class='qc'>
[ C ; G ; Amin ; F ]
</div>