{"id":21802586,"url":"https://github.com/rayc2045/create-petite-app","last_synced_at":"2026-04-15T08:36:46.134Z","repository":{"id":140269815,"uuid":"489713801","full_name":"rayc2045/create-petite-app","owner":"rayc2045","description":"✨ Frontend-template that helps quickly start projects from scratch","archived":false,"fork":false,"pushed_at":"2022-06-29T12:40:27.000Z","size":5845,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-16T20:41:34.539Z","etag":null,"topics":["animate-css","bootstrap","bootstrap5","css","front-end","front-end-template","frontend-template","grid-layout","material-components","material-design","material-ui","materialize","petite-vue","responsive","responsive-design","utility-classes","vue","vue-template","vue3","vuejs"],"latest_commit_sha":null,"homepage":"https://create-petite-app.netlify.app/intro/","language":"SCSS","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/rayc2045.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-05-07T15:38:56.000Z","updated_at":"2024-04-04T06:04:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"d96abb3c-2a79-4e50-b913-4f62ff906066","html_url":"https://github.com/rayc2045/create-petite-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rayc2045%2Fcreate-petite-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rayc2045%2Fcreate-petite-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rayc2045%2Fcreate-petite-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rayc2045%2Fcreate-petite-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rayc2045","download_url":"https://codeload.github.com/rayc2045/create-petite-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244752360,"owners_count":20504256,"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":["animate-css","bootstrap","bootstrap5","css","front-end","front-end-template","frontend-template","grid-layout","material-components","material-design","material-ui","materialize","petite-vue","responsive","responsive-design","utility-classes","vue","vue-template","vue3","vuejs"],"created_at":"2024-11-27T11:29:35.399Z","updated_at":"2026-04-15T08:36:41.097Z","avatar_url":"https://github.com/rayc2045.png","language":"SCSS","readme":"\u003cimg src=\"https://raw.githubusercontent.com/rayc2045/create-petite-app/main/intro/images/programming.svg\" width=\"320\" /\u003e\n\n# 🤘 Create Petite App\n\n`create-petite-app` is a frontend template that includes libraries MDBootstrap, Animate.css, and Petite-Vue.\n\nThe use of CSS utility classes and the reactivity model provided by Petite-Vue helps build projects very fast!\n\nDemo website: [Lomography LomoInstant Automat | flyingV](https://flyingv-lomoinstant.netlify.app/)\n\n## Features\n\n- Vue template syntax and reactivity model\n- Ready-to-use CSS Utility classes and animations\n- Dynamic import of JavaScript ES6 [modules](https://github.com/mdn/js-examples/tree/master/module-examples)\n\n## Pre-packed\n\n- [Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans) - the modern font suitable for most websites\n- [MDBootstrap](https://mdbootstrap.com/) (v4.0.0) - material design for Bootstrap v5, helps build responsive mobile-first sites quickly\n- [Font Awesome](https://fontawesome.com/) (v6.1.1) - the icon library and toolkit used by millions of designers and developers\n- [Animate.css](https://animate.style/) (v4.1.1) - ready-to-use animation library, great for emphasis, home pages, sliders, and attention-guiding hints\n- [Petite-Vue](https://github.com/vuejs/petite-vue) (v0.4.1) - progressive JavaScript library driven by `@vue/reactivity` for building web user interfaces\n\n## Ways of quick start\n\n- [Create a new repo from this template on GitHub](https://github.com/rayc2045/create-petite-app/)\n- [Download this template to local](https://github.com/rayc2045/create-petite-app/archive/refs/heads/main.zip)\n- Create a new project from the command line (npm v5.2):\n\n```\ncd desktop; npx degit rayc2045/create-petite-app new-petite-app\n```\n\n## Usage\n\n- Use [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) to preview the project\n- Use [Live Sass Compiler](https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass) to compile Sass/Scss to CSS\n- Use [MinifyAll](https://marketplace.visualstudio.com/items?itemName=josee9988.minifyall) to compress JavaScript code\n- Deploy production web applications on [Netlify](https://app.netlify.com/start)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frayc2045%2Fcreate-petite-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frayc2045%2Fcreate-petite-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frayc2045%2Fcreate-petite-app/lists"}