framework7io/framework7Public

NotificationsYou must be signed in to change notification settings
Fork3.2k
Star18.5k

Full featured HTML framework for building iOS & Android apps

License

MIT license

18.5k stars 3.2k forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 7,093 Commits
.github		.github
.nova		.nova
.vscode		.vscode
build		build
kitchen-sink		kitchen-sink
packages		packages
scripts		scripts
src		src
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitattributes		.gitattributes
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
.travis.yml		.travis.yml
BACKERS.md		BACKERS.md
CHANGELOG.md		CHANGELOG.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
babel-react.config.js		babel-react.config.js
babel-svelte.config.js		babel-svelte.config.js
babel-vue.config.js		babel-vue.config.js
babel.config.js		babel.config.js
gulpfile.js		gulpfile.js
package-lock.json		package-lock.json
package.json		package.json

Repository files navigation

Framework7

Full Featured Mobile HTML Framework For Building iOS & Android Apps

Supporting Framework7

Framework7 is an MIT-licensed open source project with its ongoing development made possible entirely by the support of these awesomebackers. If you'd like to join them, please considerbecoming a backer or sponsor on Patreon.

Getting Started

Getting Started Guide

Framework7 Development

First, install all dependencies:

$ npm install

Development Builds

The following npm scripts are available to create development builds:

build:dev - build development versions of all packages (Core, Vue, React, Svelte)
build-core:dev - build development version of Core (vanilla JS) Framework7
build-react:dev - build development version of Framework7 React package
build-vue:dev - build development version of Framework7 Vue package
build-svelte:dev - build development version of Framework7 Svelte package

Compiled results will be available inbuild/ folder.

Production Builds

To build production versions the following npm scripts are available:

build:prod - build production versions of all packages (Core, Vue, React, Svelte)
build-core:prod - build production version of Core (vanilla JS) Framework7
build-react:prod - build production version of Framework7 React package
build-vue:prod - build production version of Framework7 Vue package
build-svelte:prod - build production version of Framework7 Svelte package

Compiled results will be available inpackages/ folder.

Kitchen Sink

To run Kitchen Sink with development environment (development version will be built first) use the following npm scripts:

core - build development version of Core (vanilla JS) Framework7 package and run core Kitchen Sink
react - build development version of Framework7 React package and run React Kitchen Sink
vue - build development version of Framework7 Vue package and run Vue Kitchen Sink
svelte - build development version of Framework7 Svelte package and run Svelte Kitchen Sink

Source Code

Whole source code is located under the/src/ folder.

Contributing

Before you open an issue please review thecontributing guideline.

All changes should be committed tosrc/ files only!

Framework7 uses LESS for CSS compilations, and ES modules JS files.

The project uses.editorconfig andESLint to define and lint the coding style of each file. We recommend that you install the Editor Config and ESLint extension for your preferred IDE.

If you want to help in Framework7 development and make it event better visit this page:https://framework7.io/contribute/