All Projects β†’ framework7io β†’ Framework7

framework7io / Framework7

Licence: mit
Full featured HTML framework for building iOS & Android apps

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
Svelte
593 projects
HTML
75241 projects
Less
1899 projects
CSS
56736 projects
python
139335 projects - #7 most used programming language

Projects that are alternatives of or similar to Framework7

Vuetify Swipeout
πŸ‘† A swipe out example built with Vue CLI 3 + Vuetify + Swiper.
Stars: ✭ 117 (-99.29%)
Mutual labels:  material-design, mobile, material, touch
Involt
Inject hardware interactions directly into HTML layout.
Stars: ✭ 128 (-99.23%)
Mutual labels:  framework, phonegap, mobile, cordova
Awesome Ui Component Library
Curated list of framework component libraries for UI styles/toolkit
Stars: ✭ 702 (-95.76%)
Mutual labels:  framework, library, components
Aurelia
Aurelia 2, a standards-based, front-end framework designed for high-performing, ambitious applications.
Stars: ✭ 995 (-93.99%)
Mutual labels:  framework, mobile, cordova
Cordova Plugin Dialogs
Apache Cordova Plugin dialogs
Stars: ✭ 267 (-98.39%)
Mutual labels:  library, mobile, cordova
Material Framework
[Unmaintained] An easy to use material design based framework.
Stars: ✭ 383 (-97.69%)
Mutual labels:  framework, material-design, material
Mdb Ui Kit
Bootstrap 5 & Material Design 2.0 UI KIT
Stars: ✭ 21,830 (+31.82%)
Mutual labels:  framework, material-design, material
Material Design For Bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
Stars: ✭ 9,463 (-42.86%)
Mutual labels:  framework, material-design, material
Material Backdrop
A simple solution for implementing Backdrop pattern for Android
Stars: ✭ 221 (-98.67%)
Mutual labels:  library, material-design, material
Atlas.js
A component-based Node.js library to reduce boilerplate and provide sane project structure 🍻
Stars: ✭ 108 (-99.35%)
Mutual labels:  framework, library, components
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Stars: ✭ 45,802 (+176.58%)
Mutual labels:  framework, material-design, mobile
Cupertino Pane
πŸŽ‰πŸ“±Multi-functional panes and boards for next generation progressive applications
Stars: ✭ 267 (-98.39%)
Mutual labels:  mobile, cordova, touch
Material Foundation
Material Design version of Foudation for Sites by Zurb
Stars: ✭ 361 (-97.82%)
Mutual labels:  framework, material-design, material
Cordova Plugins
Apache Cordova
Stars: ✭ 242 (-98.54%)
Mutual labels:  library, mobile, cordova
Framework7 Vue
Deprecated! Build full featured iOS & Android apps using Framework7 & Vue
Stars: ✭ 682 (-95.88%)
Mutual labels:  framework, material-design, mobile
Cordova Osx
Apache Cordova mac
Stars: ✭ 232 (-98.6%)
Mutual labels:  library, mobile, cordova
Keyboardhidemanager
Codeless manager to hide keyboard by tapping on views for iOS written in Swift
Stars: ✭ 57 (-99.66%)
Mutual labels:  framework, library, touch
Cordova Windows
Apache Cordova Windows
Stars: ✭ 188 (-98.86%)
Mutual labels:  library, mobile, cordova
Cordova Plugin Contacts
Apache Cordova Plugin contacts
Stars: ✭ 203 (-98.77%)
Mutual labels:  library, mobile, cordova
Materialize
Materialize, a CSS Framework based on Material Design
Stars: ✭ 38,630 (+133.27%)
Mutual labels:  framework, material-design, material

Framework7

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

Software Development Company | CodeFirst UK

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].