@pixelmakers/cli

🚀 A CLI tool to quickly scaffold Vite + Webflow / Shopify projects.

Usage

npm install -g @pixelmakers/cli
pixelmakers my-app

# or use npx directly
npx @pixelmakers/cli my-app

# or use yarn
yarn global add @pixelmakers/cli
pixelmakers my-app

Then follow the prompts to select your preferred template!

Platform Support

🌐 Webflow

• Website Projects: Vite frontend with Cloudflare Workers backend
  • Basic WF + Vite setup
  • WF + Vite + D1 Database
  • WF + Vite + Supabase Database
• App Projects: Full Webflow app development with OAuth and API integration

🛍️ Shopify

• Theme Development: Shopify theme scaffold with Vite + TailwindCSS + Cloudflare Workers backend

Optional Add-ons (Webflow Websites)

• GSAP: Professional animations and interactions
• Swiper JS: Modern touch slider library
• @pixelmakers/elements: Pixelmakers UI component library

Features

✅ Multiple Database Options: Choose between Cloudflare D1 or Supabase
✅ Drizzle ORM Integration: Optional type-safe database queries
✅ TypeScript Ready: Full TypeScript support out of the box
✅ Hot Reload: Development server with hot reload for both frontend and backend
✅ Production Ready: Optimized build pipeline for deployment
✅ Webflow Integration: Easy integration with Webflow via custom code injection

Getting Started

1. Create a new project:

   npx @pixelmakers/cli my-webflow-app
   cd my-webflow-app

2. Install dependencies:

   npm install

3. Start development:

   npm run dev

Template Documentation

| Template | Description | Documentation | |----------|-------------|---------------| | basic-workers | Basic WF + Vite setup | Readme | | workers-d1 | WF + Vite + D1 Database | Readme | | workers-d1-drizzle | WF + Vite + D1 Database with Drizzle ORM | Readme | | workers-supabase | WF + Vite + Supabase Database | Readme | | workers-supabase-drizzle | WF + Vite + Supabase Database with Drizzle ORM | Readme | | webflow-app-starter | Full Webflow app development with OAuth | Readme | | shopify-theme-starter | Shopify app scaffold with Cloudflare Workers | Readme |

License

MIT License - see LICENSE for details.