{"id":16596720,"url":"https://github.com/tuanpham-dev/create-pen","last_synced_at":"2026-04-09T20:45:18.385Z","repository":{"id":34913781,"uuid":"188720336","full_name":"tuanpham-dev/create-pen","owner":"tuanpham-dev","description":"CLI tool for creating CodePen liked project.","archived":false,"fork":false,"pushed_at":"2022-03-23T13:56:54.000Z","size":83,"stargazers_count":1,"open_issues_count":5,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-10T22:57:40.997Z","etag":null,"topics":["cli","cli-app","generator","liquid","nodejs","nodejs-cl","pug","sass","typescript"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tuanpham-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-05-26T18:54:29.000Z","updated_at":"2019-08-20T03:43:06.000Z","dependencies_parsed_at":"2022-08-08T02:16:13.908Z","dependency_job_id":null,"html_url":"https://github.com/tuanpham-dev/create-pen","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuanpham-dev%2Fcreate-pen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuanpham-dev%2Fcreate-pen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuanpham-dev%2Fcreate-pen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuanpham-dev%2Fcreate-pen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tuanpham-dev","download_url":"https://codeload.github.com/tuanpham-dev/create-pen/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247262911,"owners_count":20910326,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cli","cli-app","generator","liquid","nodejs","nodejs-cl","pug","sass","typescript"],"created_at":"2024-10-11T23:54:03.611Z","updated_at":"2026-04-09T20:45:18.335Z","avatar_url":"https://github.com/tuanpham-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Build Status](https://travis-ci.org/tuanpham-dev/create-pen.svg?branch=master)](https://travis-ci.org/tuanpham-dev/create-pen)\n# Create Pen\nCLI tool for creating CodePen liked project.\n\n## Installation\n```bash\nnpm i -g create-pen\n```\n\n## Usage\n### Options\n```bash\n$ create-pen --help\nUsage: create-pen \u003cpen_name\u003e [options]\n\nOptions:\n  --help             Show help  [boolean]\n  --version          Show version number  [boolean]\n  --html, -h         HTML preprocessor  [choices: \"html\", \"pug\", \"liquid\"] [default: \"html\"]\n  --css, -c          CSS preprocessor  [choices: \"css\", \"scss\", \"sass\", \"postcss\"] [default: \"css\"]\n  --js, -j           Javascript preprocessor  [choices: \"javascript\", \"coffee\", \"typescript\"] [default: \"javascript\"]\n  --indent, -i       Indent style  [choices: \"tab\", \"space\"] [default: \"tab\"]\n  --indent-size, -s  Indent size  [default: 4]\n\nExamples:\n$ create-pen mypen -h pug -c scss -j typescript  create 'mypen' project with pug as html, scss as css and typescript as javascript\n\n```\n\n### Run Development Server\n```bash\n$ npm start\n```\n\n### Build Project\n```bash\n$ npm build\n```\n\n### Convert Sass ⇄ SCSS\nIf the CSS Proprocessor is `scss` or `sass`, you can run this command to convert `scss` to `sass` or `sass` to `scss`. Required Ruby Sass to do that.\n```bash\n$ npm run convert\n``` \n\n## License\nMIT © Tuan Pham\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftuanpham-dev%2Fcreate-pen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftuanpham-dev%2Fcreate-pen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftuanpham-dev%2Fcreate-pen/lists"}