https://github.com/rayc2045/create-petite-app
✨ Frontend-template that helps quickly start projects from scratch
https://github.com/rayc2045/create-petite-app
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
Last synced: 7 months ago
JSON representation
✨ Frontend-template that helps quickly start projects from scratch
- Host: GitHub
- URL: https://github.com/rayc2045/create-petite-app
- Owner: rayc2045
- Created: 2022-05-07T15:38:56.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-06-29T12:40:27.000Z (over 3 years ago)
- Last Synced: 2025-03-16T20:41:34.539Z (7 months ago)
- 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
- Language: SCSS
- Homepage: https://create-petite-app.netlify.app/intro/
- Size: 5.57 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🤘 Create Petite App
`create-petite-app` is a frontend template that includes libraries MDBootstrap, Animate.css, and Petite-Vue.
The use of CSS utility classes and the reactivity model provided by Petite-Vue helps build projects very fast!
Demo website: [Lomography LomoInstant Automat | flyingV](https://flyingv-lomoinstant.netlify.app/)
## Features
- Vue template syntax and reactivity model
- Ready-to-use CSS Utility classes and animations
- Dynamic import of JavaScript ES6 [modules](https://github.com/mdn/js-examples/tree/master/module-examples)
## Pre-packed
- [Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans) - the modern font suitable for most websites
- [MDBootstrap](https://mdbootstrap.com/) (v4.0.0) - material design for Bootstrap v5, helps build responsive mobile-first sites quickly
- [Font Awesome](https://fontawesome.com/) (v6.1.1) - the icon library and toolkit used by millions of designers and developers
- [Animate.css](https://animate.style/) (v4.1.1) - ready-to-use animation library, great for emphasis, home pages, sliders, and attention-guiding hints
- [Petite-Vue](https://github.com/vuejs/petite-vue) (v0.4.1) - progressive JavaScript library driven by `@vue/reactivity` for building web user interfaces
## Ways of quick start
- [Create a new repo from this template on GitHub](https://github.com/rayc2045/create-petite-app/)
- [Download this template to local](https://github.com/rayc2045/create-petite-app/archive/refs/heads/main.zip)
- Create a new project from the command line (npm v5.2):
```
cd desktop; npx degit rayc2045/create-petite-app new-petite-app
```
## Usage
- Use [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) to preview the project
- Use [Live Sass Compiler](https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass) to compile Sass/Scss to CSS
- Use [MinifyAll](https://marketplace.visualstudio.com/items?itemName=josee9988.minifyall) to compress JavaScript code
- Deploy production web applications on [Netlify](https://app.netlify.com/start)