Scaffolding tool for creating Elit projects
npm install create-elitScaffolding tool for creating new Elit projects.
With npm:
``bash`
npm create elit@latest my-app
With yarn:
`bash`
yarn create elit my-app
With pnpm:
`bash`
pnpm create elit my-app
With bun:
`bash`
bun create elit my-app
With deno:
`bash`
deno run -A npm:create-elit my-app
Choose a template with the --template flag:
`bash`
npm create elit@latest my-app --template=basic
Available templates:
- basic (default) - Full-featured app with styled counter using CSS-in-JS
- full - Full-stack app with dev server, API routes, and CSS-in-JS
- minimal - Minimal setup with just DOM rendering
⨠Zero Configuration - Works out of the box
đ¨ CSS-in-JS - Uses Elit's CreateStyle for type-safe styling
đŚ TypeScript Ready - Full TypeScript support
đ Fast Setup - Creates project in seconds
đŻ Multiple Templates - Choose the right starting point
Each template includes:
- TypeScript configuration
- Package.json with Elit scripts (dev, build, preview)elit.config.mjs
- Elit config file ()CreateStyle
- 100% TypeScript - no HTML files needed
- Type-safe CSS-in-JS with dom.renderServer
- Server-side rendering with client.ts
- Client-side hydration with
- Example code showing best practices
- Auto-generated README and .gitignore
`bashCreate a new project
npm create elit@latest my-elit-app
Visit http://localhost:3003 to see your app!
Template Details
$3
- Counter example with increment/decrement
- Beautiful gradient UI with CSS-in-JS
- Reactive state management demo
- Type-safe styling with CreateStyle
- Server-side rendering with dom.renderServer`- Elit Documentation
- GitHub Repository
- npm Package
MIT