npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

create-passionfruit

v0.2.2

Published

Scaffold a passionfruit website — bilingual marketing sites with Claude Code.

Downloads

483

Readme

create-passionfruit

Scaffold a passionfruit website — bilingual marketing sites powered by Claude Code.

Usage

pnpm create passionfruit my-site

or with npm / yarn:

npm create passionfruit@latest my-site
yarn create passionfruit my-site

Then:

cd my-site
claude          # open Claude Code
/onboard        # personalize for your business

What it does

  1. Downloads the latest passionfruit template release
  2. Extracts it into your target directory
  3. Initializes git
  4. Runs pnpm install
  5. Creates the initial commit

Updating an existing site

create-passionfruit is a one-shot scaffold — your project is yours from the moment it's created. There's no upstream merge link. To pull in improvements from newer passionfruit releases, you have two options:

Option 1: Ask Claude (recommended)

Open your project in Claude Code and ask for what you want:

Check passion4it-gmbh/passionfruit for new features. Pull in the
newsletter signup component from the latest release and adapt it to
our brand colors.

Claude can fetch specific files from the latest passionfruit release, adapt them to your codebase, and wire them in. This is the most flexible path — you only adopt what's useful.

For a broad audit, ask:

Look at https://github.com/passion4it-gmbh/passionfruit/releases for
versions newer than the one this project was scaffolded from. Summarize
what changed and which updates make sense for our site.

Option 2: Manual cherry-pick (if you want full control)

Add upstream as a git remote and merge selectively:

git remote add upstream https://github.com/passion4it-gmbh/passionfruit.git
git fetch upstream main
# Inspect what's new:
git log HEAD..upstream/main --oneline
# Cherry-pick a specific commit:
git cherry-pick <sha>

Expect conflicts on i18n/*.json, src/lib/page-registry.ts, and src/content/. Those are your business content — keep your version.

License

MIT