<h2>Overview:</h2>
<p>giscus is a comments system powered by GitHub Discussions that allows visitors to leave comments and reactions on websites via GitHub. It is open-source, does not track users or show ads, and is always free to use. The data is stored in GitHub Discussions, eliminating the need for a separate database. giscus supports custom themes, multiple languages, is extensively configurable, and automatically fetches new comments and edits from GitHub. It can also be self-hosted.</p>
<h2>Features:</h2>
<ul>
<li><strong>Open Source</strong>: giscus is open-source, freely available, and does not display ads or track users.</li>
<li><strong>No Database Needed</strong>: All data is stored in GitHub Discussions, eliminating the need for a separate database.</li>
<li><strong>Custom Themes</strong>: Supports custom themes for a personalized look.</li>
<li><strong>Multiple Languages</strong>: Supports multiple languages for wider accessibility.</li>
<li><strong>Auto-sync</strong>: Automatically fetches new comments and edits from GitHub.</li>
<li><strong>Self-Hosted Option</strong>: Can be self-hosted for more control over the system.</li>
</ul>


<h2>Overview</h2>
<p>The giscus-component is a wrapper component for giscus, a comments system powered by GitHub Discussions. It is currently available for React, Vue, Svelte, Solid, and as a WebComponent. This component allows users to easily integrate the giscus comments system into their web applications.</p>
<h2>Features</h2>
<ul>
<li>Supports React, Vue, Svelte, Solid, and WebComponent</li>
<li>Easy installation and integration</li>
<li>Allows customization of &#x3C;iframe> styles</li>
</ul>
<h3>Using the React, Vue, Svelte, or Solid component</h3>
<ol>
<li>Install the corresponding package for the desired framework.</li>
<li>Import the default export from the package.</li>
<li>Use the component in your code.</li>
</ol>
<p>Example for React:</p>
<pre><code class="language-javascript">import GiscusComponent from '@giscus/react';

// Use the component in your code
&#x3C;GiscusComponent repo="owner/repo" issue-id="123" />
</code></pre>


Giscus

Giscus

Giscus Component