nolimits4web/framework7

Full featured mobile HTML framework for building iOS & Android apps

Installs: 406

Dependents: 0

Suggesters: 0

Security: 0

Stars: 16 524

Watchers: 704

Forks: 3 304

Language:JavaScript

v1.7.1 2018-04-07 07:56 UTC

This package is not auto-updated.

Last update: 2021-11-27 02:49:41 UTC


README

Framework7

68747470733a2f2f6672616d65776f726b372e696f2f692f737570706f72742d62616467652e706e67 Build Status Greenkeeper

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 awesome backers. If you'd like to join them, please consider becoming a backer or sponsor on Patreon.

Sponsors

68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f77666d62756464792e706e67 Software Development Company | CodeFirst UK 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f707269766963792e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f74686f7269756d2e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f61707076616c6c65792e6a7067
68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f746f6d6d792e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f72616d6f74696f6e2e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f66696e646d6174652e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f676f726561642e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f636f75706f6e73347072696e74696e672e6a7067
68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f636f6c6c656765726573656172636870617065722e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f636173696e6f666961626c65732e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f67756e736265742e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f7265616c74696d652e6a7067 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f76706e2e706e67
68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f7475746c616e63652e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f6564756269726469652e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f757070736174732e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f626f6e757366696e6465722e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f6b7161706975732e706e67
68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f77726974657273706572686f75722e6a7067 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f636f6c6f676e6577656264657369676e2e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f726973652e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f75736176652e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f626964347061706572732e706e67
68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f6b69646f76657273652e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f6379626572627261696e2e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f686963617070732e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f626c6f6b742e706e67 68747470733a2f2f6672616d65776f726b372e696f2f692f73706f6e736f72732f776170706c65722e706e67

Getting Started

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 in build/ 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 in packages/ 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 the contributing guideline.

All changes should be committed to src/ files only!

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

The project uses .editorconfig and ESLint 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/

Forum

If you have questions about Framework7 or want to help others you are welcome to special forum at https://forum.framework7.io/

Docs

Documentation available at https://framework7.io/docs/

Tutorials

Tutorials available at https://framework7.io/tutorials/

Showcase

Appstore apps made with Framework7: https://framework7.io/showcase/

Previous Versions