Submit Your Project

Add your entry via PR

Edit community/projects.mdx and add a card + modal pair under the right <Tab>, using the same SLUG for both. Add the card inside the tab’s card grid:

<a href="#SLUG" className="project-card group flex flex-col gap-2 rounded-xl border border-gray-200 dark:border-gray-800 p-5 no-underline hover:shadow-md hover:border-primary dark:hover:border-primary-light transition">
  <Icon icon="ICON_NAME" size={20} />
  <span className="font-semibold text-gray-800 dark:text-white">PROJECT_NAME (LANGUAGE)</span>
  <span className="text-sm text-gray-600 dark:text-gray-400">One sentence on what your project does.</span>
  <span className="text-xs text-gray-500 dark:text-gray-500">By @your_github_handle</span>
  <span className="text-xs text-gray-500 dark:text-gray-500">`LANGUAGE` `FRAMEWORK` `CATEGORY`</span>
</a>

Then add the matching modal after the card grid, inside the same <Tab>:

<div id="SLUG" className="project-modal-overlay">
  <div className="project-modal-box bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800">
    <a href="#_" className="project-modal-close text-gray-400 hover:text-gray-800 dark:hover:text-white">&times;</a>

    <div className="prose prose-sm dark:prose-invert max-w-none">

    ### PROJECT_NAME (LANGUAGE)

    One sentence on what your project does.

    By [@your_github_handle](GITHUB_PROFILE_URL)

    `LANGUAGE` `FRAMEWORK` `CATEGORY`

    ```bash
    INSTALL_COMMAND
    ```

    One short usage example, the most common thing someone would do with it.

    [Repo](REPO_URL) · LICENSE
    </div>
  </div>
</div>

The inner prose wrapper matters: without it the paragraphs render without spacing and run together. Keep the blank line right after the <div className="prose ..."> opening tag too, or the heading won’t parse as markdown.Open a pull request with that change.