Create a theme

Run the setup wizardCopy Anchor Link

Run this from the content/themes directory of your local Ghost installation, or create the theme elsewhere and move it there before activation.

npx ghostcn@1.4.0 create my-theme

Choose Tailwind CSS for utilities or vanilla CSS for standalone styles. The wizard also configures your palette, color mode, package manager, optional components, and dependency installation. If you skip dependency installation, install them before running the generated build.

Start the CSS watcherCopy Anchor Link

cd my-theme
npm run dev

Activate the theme in GhostCopy Anchor Link

If you don’t have Ghost locally, follow the official local installation guide. With the theme in content/themes, run ghost restart from the Ghost installation directory. In Ghost Admin, open Settings → Design → Change theme, activate the theme, and visit your publication. Keep the CSS watcher running from the theme directory.

Add a componentCopy Anchor Link

From the theme directory:

npx ghostcn@1.4.0 add pricing-table --skip-existing

Then add the partial to a theme template such as index.hbs:

{{> "components/pricing-table"}}

Pricing uses the public tiers configured in Ghost Admin and can render nothing for some membership settings. See Pricing Table and the styling guide.