Framework7

An editor has nominated this article for deletion.
You are welcome to participate in the deletion discussion, which will decide whether or not to retain it.

Feel free to improve the article, but do not remove this notice before the discussion is closed. For more information, see the guide to deletion.
Find sources: "Framework7" – news · newspapers · books · scholar · JSTOR[[Wikipedia:Articles+for+deletion/Framework7]]AFD

|

Framework7

Stable release|

5.7.10 / July 14, 2020 (2020-07-14)

Repository| https://github.com/framework7io/framework7
Platform| Linux
Available in| English
License| MIT License
Website| framework7.io

Framework7 is an open source and free framework to develop mobile, desktop or web apps; Framework7 can also be used as a prototyping tool.[1][2][3]

## Features[edit]

Some features of Framework7 are given below:

* support multiple platforms
* usage of many tools (e.g. webpack)
* UI elements
* Rich ecosystem.[1]

## Example[edit]

Sample code may look like as follows:

<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Color theme for statusbar -->
<meta name="theme-color" content="#2196f3">
<!-- Your app title -->
<title>My App</title>
<!-- Path to Framework7 Library Bundle CSS -->
<link rel="stylesheet" href="path/to/framework7.bundle.min.css">
<!-- Path to your custom app styles-->
<link rel="stylesheet" href="path/to/my-app.css">
</head>
<body>
<!-- App root element -->
<div id="app">
<!-- Statusbar overlay -->
<div class="statusbar"></div>

<!-- Your main view, should have "view-main" class -->
<div class="view view-main">
<!-- Initial Page, "data-name" contains page name -->
<div data-name="home" class="page">

<!-- Top Navbar -->
<div class="navbar">
<div class="navbar-inner">
<div class="title">Awesome App</div>
</div>
</div>

<!-- Bottom Toolbar -->
<div class="toolbar toolbar-bottom">
<div class="toolbar-inner">
<!-- Toolbar links -->
<a href="#" class="link">Link 1</a>
<a href="#" class="link">Link 2</a>
</div>
</div>

<!-- Scrollable page content -->
<div class="page-content">
<p>Page content goes here</p>
<!-- Link to another page -->
<a href="/about/">About app</a>
</div>
</div>
</div>
</div>
<!-- Path to Framework7 Library Bundle JS-->
<script type="text/javascript" src="path/to/framework7.bundle.min.js"></script>
<!-- Path to your app js-->
<script type="text/javascript" src="path/to/my-app.js"></script>
</body>
</html>

[4]

## Parts of ecosystem[edit]

Some parts of the ecosystem are given below:

* Framework7 Core / API
* Framework7 Vue
* Framework7 React
* Framework7 CLI
* Framework7 Icons.[5]

## See also[edit]

* List of rich web application frameworks
* Mobile development framework

## References[edit]

1. ^ a b "Framework7 - Full Featured Framework For Building iOS, Android & Desktop Apps". framework7.io. Retrieved 2019-08-21.
2. ^ Zammetti, Frank (2018-03-10). Practical Webix: Learn to Expedite and Improve your Web Development. Apress. p. 5\. ISBN 9781484233849.
3. ^ Sun, Yiyi (2019-01-04). Practical Application Development with AppRun: Building Reliable, High-Performance Web Apps Using Elm-Inspired Architecture, Event Pub-Sub, and Components. Apress. p. 177\. ISBN 9781484240694.
4. ^ "App HTML Layout | Framework7 Documentation". framework7.io. Retrieved 2019-08-21.
5. ^ "Framework7 Documentation". framework7.io. Retrieved 2019-08-21.

## External links[edit]

The Wikibook Android has a page on the topic of: PhoneGap

* Official website

* v
* t
* e

The Apache Software Foundation

Top-level
projects|

* Accumulo
* ActiveMQ
* Airavata
* Airflow
* Allura
* Ambari
* Ant
* Aries
* Arrow
* Apache HTTP Server
* APR
* Avro
* Axis
* Axis2
* Beam
* Bloodhound
* Brooklyn
* Calcite
* Camel
* CarbonData
* Cassandra
* Cayenne
* CloudStack
* Cocoon
* Cordova
* CouchDB
* cTAKES
* CXF
* Derby
* Directory
* Drill
* Druid
* Empire-db
* Felix
* Flex
* Flink
* Flume
* FreeMarker
* Geronimo
* Groovy
* Guacamole
* Gump
* Hadoop
* HBase
* Helix
* Hive
* Iceberg
* Ignite
* Impala
* Jackrabbit
* James
* Jena
* JMeter
* Kafka
* Kudu
* Kylin
* Lucene
* Mahout
* Maven
* MINA
* mod_perl
* MyFaces
* Mynewt
* NiFi
* NetBeans
* Nutch
* NuttX
* OFBiz
* Oozie
* OpenEJB
* OpenJPA
* OpenNLP
* OрenOffice
* ORC
* PDFBox
* Parquet
* Phoenix
* POI
* Pig
* Pinot
* Pivot
* Qpid
* Roller
* RocketMQ
* Samza
* Shiro
* SINGA
* Sling
* Solr
* Spark
* Storm
* SpamAssassin
* Struts 1
* Struts 2
* Subversion
* Superset
* SystemDS
* Tapestry
* Thrift
* Tika
* TinkerPop
* Tomcat
* Trafodion
* Traffic Server
* UIMA
* Velocity
* Wicket
* Xalan
* Xerces
* XMLBeans
* Yetus
* ZooKeeper

Commons|

* BCEL
* BSF
* Daemon
* Jelly
* Logging

Incubator|

* Taverna

Other projects|

* Batik
* FOP
* Ivy
* Log4j

Attic|

* Apex
* AxKit
* Beehive
* Bluesky
* iBATIS
* Click
* Continuum
* Deltacloud
* Etch
* Giraph
* Hama
* Harmony
* Jakarta
* Marmotta
* MXNet
* ODE
* River
* Shale
* Slide
* Sqoop
* Stanbol
* Tuscany
* Wave
* XML

Licenses|

* Apache License

* Category

*[v]: View this template
*[t]: Discuss this template
*[e]: Edit this template