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-launchstack

v1.0.6

Published

An interactive, dynamic scaffolding CLI to generate custom Next.js boilerplates.

Readme

create-launchstack

An interactive, dynamic scaffolding CLI to generate custom Next.js boilerplates.

npm version npm downloads license

What is this?

create-launchstack is an opinionated yet flexible scaffolder for modern Next.js apps. Instead of spending an afternoon picking auth, wiring a database, choosing a styling library, and stitching everything into app/providers.tsx, you answer a few questions and get a production-ready Next.js 15 project with every provider already composed and every .env.example already filled in.

Pick what you want, skip what you don't, and start shipping.

Quick start

Pick your favorite package manager:

npx create-launchstack
yarn create-launchstack
pnpm create-launchstack

What you can choose

Every step is optional — pick None on any prompt and the scaffolder skips that layer cleanly.

Styling

| Option | Description | | ------------ | -------------------------------------------------------- | | tailwind | Tailwind CSS — core utility styles | | shadcn | Shadcn UI — Tailwind + Radix prebuilt components | | daisyui | DaisyUI — Tailwind + prebuilt components | | flyonui | FlyonUI — Tailwind component library with JS behaviors |

Authentication

| Option | Description | | -------------- | ----------------------------------------------------------- | | clerk | Clerk — secure hosted auth, middleware, ready components | | next-auth | NextAuth / Auth.js — flexible database-driven sessions | | better-auth | Better Auth — type-safe, pairs nicely with Drizzle |

Database & ORM

| Option | Description | | --------------- | ------------------------------------------------------------ | | supabase | Supabase Postgres + serverless client SDK | | prisma | Postgres + Prisma ORM | | neon-drizzle | Neon (serverless Postgres) + Drizzle ORM | | firebase | Firebase Cloud Firestore (NoSQL, serverless client SDK) |

Payments

| Option | Description | | ---------------- | ---------------------------------------------------------- | | stripe | Stripe — preconfigured checkout routes and webhooks | | lemon-squeezy | Lemon Squeezy — preconfigured checkout routes and webhooks |

Emails

| Option | Description | | ------------- | ---------------------------------------------------- | | resend | Resend — type-safe client and simple API routes | | sendgrid | SendGrid — secure client and API routes | | nodemailer | Nodemailer — bring your own SMTP / transport |

State Management & Data Fetching

| Option | Description | | ----------------- | -------------------------------------------- | | tanstack-query | TanStack Query — server state and caching | | zustand | Zustand — lightweight global client state |

Forms

| Option | Description | | ------------------ | ---------------------------------------- | | react-hook-form | React Hook Form | | formik | Formik | | zod | Zod form validation helpers |

Animations

| Option | Description | | ---------------- | -------------- | | framer-motion | Framer Motion | | motion | Motion |

API Clients

| Option | Description | | -------- | ----------- | | axios | Axios |

You'll also be asked for your preferred package manager (npm, pnpm, yarn, bun), whether to initialize a git repository, and whether to run install automatically.

Requirements

  • Node.js 18.17 or later
  • One of: npm, pnpm, yarn, or bun
  • Git (optional, only needed if you choose to initialize a repo)

Usage example

A typical session looks like this:

  1. Run npm create launchstack@latest my-app.
  2. Answer a short series of prompts — styling, state, database, auth, payments, email, forms, animation, API client.
  3. Pick your package manager, then choose whether to initialize git and auto-install dependencies.
  4. The CLI layers the matching templates, merges every package.json, concatenates each provider's .env.example, and composes app/providers.tsx in the correct order (auth → state → styling → children).
  5. When it finishes, you get a printed checklist of next steps — usually just cd my-app and npm run dev.

If you picked neon-drizzle, the next-steps note will also remind you to run npm run db:push after filling in your .env.

What you get

A fully working Next.js 15 application with the App Router, ready to develop against:

  • Every selected provider is installed and wired up — no copy-pasting from docs.
  • A composed app/providers.tsx that nests your auth, state, and styling providers in the right order, and is wrapped into app/layout.tsx.
  • A merged package.json containing only the dependencies your selections actually need.
  • A combined .env.example with the keys for every provider you opted into.
  • TypeScript, ESLint, and a sensible base configuration out of the box.
  • Optional auto-initialized git repository and auto-installed dependencies.

Development / Contributing

Want to hack on the CLI itself or add a new template? Contributions are welcome.

git clone https://github.com/shreyzeous21/create-launchstack.git
cd create-launchstack
npm install

Build the TypeScript sources:

npm run build

Build and run the CLI locally in one step:

npm run dev

Watch mode while iterating:

npm run watch

Templates live under templates/, grouped by category (auth, db, styling, payments, emails, animations, api-clients, state-management, forms, base). Each option folder can include its own package.json, .env.example, and a template.json manifest that declares providers to be composed into app/providers.tsx.

License

MIT

Author

Made by Shrey.

If create-launchstack saves you time, a star on the repo is the kindest thank-you.