Skip to main content

Components Authoring

Build a reusable component for developers to drop into their projects.
Submit your component

How it Works

1

Install

Start with the Convex Component Template or fork an existing component.

npx create-convex@latest --component
2

Build

Build a component you need or pick one from the list. Follow the Authoring Components docs to package functions, schemas, and persistent state into a reusable module.

3

Submit

Submit your custom Component and demo app to the directory here for review.

Categories

These categories are guidance, not limits. Build any component you think will push the ecosystem forward.

Storage

Build a component that handles file uploads, folder organization, metadata, and access control.

API Usage

Build a component for secure API key storage, rotation, usage tracking, and access control.

Third-Party Sync

Develop a component that syncs external service data with Convex to enable reactive queries and asynchronous workflows.

Full-Stack Drop-In Features

Build a drop-in component with UI helpers for interactive features like polls, forms, or leaderboards.

Analytics

Build a component that tracks events, stores metrics, and generates reports without external services.

Content Management

Create a component for structured content with custom fields, draft states, and publishing workflows.

Submission Details

Components Directory

Selected components could be featured in the Components Directory. We are no longer providing rewards or prizes for components.

Thanks for building with us.

Timeline

Submissions will be approved on a rolling basis.

Rules

  • Follow the component best practices.
  • The component must be published as a NPM package.
  • Agree to maintain published component as the author and be listed in the components directory.
  • Link to a demo app showing how your component works.
Get your app up and running in minutes
Start building