node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »



Build Status Last Version Donate NPM Status Dependency status

CLI tool that helps with the process of managing project folders and files based on components. Let's say you're building a web application and you want to create a new component.


- component/
 |_ component.html
 |_ component.service.js
 |_ component.factory.js
 |_ component.css

Current Options


  • Create a mappe.json file for custom configuration. If you don't, a new mappe.json file will be created with the default configuration:
    default: 'default',
    styles: {
      default: ['camelCase', 'upperCaseFirst']
    components: {
      default: {
        style: 'default',
        extensions: {
          js: {
            style : 'default',
            src: false // 'src/to/file/content'

Generate Component

$ mappe generate default index component
$ mappe g default index component


- IndexComponent/
 |_ IndexComponent.js

If you set a src path for an extension, it will be created with the content of the file found in this path. It's perfect for generating boilerplates or file structures by default.

Mappe example

More info at

Available styles in change-case npm package

  • upperCase
  • ucFirstCase
  • lcFirstCase
  • lowerCase
  • sentenceCase
  • titleCase
  • camelCase
  • pascalCase
  • snakeCase
  • paramCase
  • dotCase
  • pathCase
  • constantCase
  • swapCase