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 |
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
Some features of Framework7 are given below:
- support multiple platforms
- usage of many tools (e.g. webpack)
- UI elements
- Rich ecosystem.[1]
Example
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>
Parts of ecosystem
Some parts of the ecosystem are given below:
- Framework7 Core / API
- Framework7 Vue
- Framework7 React
- Framework7 CLI
- Framework7 Icons.[5]
See also
- List of rich web application frameworks
- Mobile development framework
References
- ^ a b "Framework7 - Full Featured Framework For Building iOS, Android & Desktop Apps". framework7.io. Retrieved 2019-08-21.
- ^ Zammetti, Frank (2018-03-10). Practical Webix: Learn to Expedite and Improve your Web Development. Apress. p. 5. ISBN 9781484233849.
- ^ 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.
- ^ "App HTML Layout | Framework7 Documentation". framework7.io. Retrieved 2019-08-21.
- ^ "Framework7 Documentation". framework7.io. Retrieved 2019-08-21.
External links
![](http://upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikibooks-logo-en-noslogan.svg/40px-Wikibooks-logo-en-noslogan.svg.png)
The Wikibook Android has a page on the topic of: PhoneGap
- Official website
- v
- t
- e
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
Category