Applications for any device with HTML, CSS and JavaScript - free and open source!

Overview

App Framework      

App Framework development has ended. I recommend using the Framework7 CLI instead.

iOS and Android Apps with HTML & JavaScript - App Framework combines great pieces of open source code to support your whole workflow with useful scripts and your app with powerful plugins. With App Framework, you could spend your time for your next amazing App and not for the tricky stuff around - free and open source!

Features

Setup your project:

  • Creation of a lightweight and well-organized project folder, ready to publish on GitHub

Design your application:

Develop your application:s

Test your application:

  • Integrated configurable code check and fix with ESLint, based on Airbnb or Standard JavaScript
  • Local development server with live reload, perfectly to use together with Chrome DevTools
  • Test your application on any iOS or Android device with an emulator or on your own device
  • Use a development Firebase project with automatic database and storage rule update

Build your application:

  • Build process with version bump and compression of all HTML, CSS, JavaScript and image files
  • Generation of favicons, touch icons and splash screens out of a single image file
  • Phone frame around your application on big screens, so you can offer desktop access with charm
  • Automatic build as web application, to be used online and offline in the browser
  • Automatic Apple Xcode project build with Cordova
  • Automatic Android Studio project build with Cordova
  • App Framework builds score very good at performance tests like Google Lighthouse or YSlow

Deploy your application:

Backup your project:

  • Download the Firebase database content and user list to local JSON files
  • Snapshot creation of all important project files to backup on any external drive or cloud service

Documentation

Documentation

Demo App

| Unfortunately, Apple removed all demo apps from their store as demo apps are not accepted anymore in general.

Download on the App Store Play     Get it on Google Play     Open as Web App

Screenshots

Comments
  • Error when updating from 1.19 to 1.20  (ansistyles)

    Error when updating from 1.19 to 1.20 (ansistyles)

    If I try to update app-framework 1.19 to 1.20 I am gettng this error: silly unbuild [email protected] 5743 info lifecycle [email protected]~preuninstall: [email protected] 5744 info lifecycle [email protected]~uninstall: [email protected] 5745 verbose unbuild rmStuff [email protected] from /Users/andy/Sites/f7/f7test/node_modules 5747 info lifecycle [email protected]~postuninstall: [email protected] 5945 silly remove /Users/andy/Sites/f7/f7test/node_modules/npm/node_modules/ansistyles 6071 silly finalize /Users/andy/Sites/f7/f7test/node_modules/npm/node_modules/ansistyles 6073 silly saveTree │ │ │ │ ├── [email protected] 6077 verbose stack Error: ENOENT: no such file or directory, rename '/Users/andy/Sites/f7/f7test/node_modules/npm/node_modules/ansistyles' -> '/Users/andy/Sites/f7/f7test/node_modules/npm/node_modules/.ansistyles.DELETE' 6083 error path /Users/andy/Sites/f7/f7test/node_modules/npm/node_modules/ansistyles 6087 error enoent ENOENT: no such file or directory, rename '/Users/andy/Sites/f7/f7test/node_modules/npm/node_modules/ansistyles' -> '/Users/andy/Sites/f7/f7test/node_modules/npm/node_modules/.ansistyles.DELETE'

    bug 
    opened by tiptronic 19
  • Where to Include Other Scripts / Dependencies

    Where to Include Other Scripts / Dependencies

    I might be being dense but I was wondering where/how we introduce other JavaScript scripts or include other dependencies. For instance, if I wanted to include Vuex or if I wanted to add and import some JavaScript classes, where in the application structure is it suggested I do that? Thanks!

    question 
    opened by Grogglex 14
  • Anybody updated to F7v2?

    Anybody updated to F7v2?

    Is there anything going on with app-framework? Or do we consider this project as dead? (No pulls merged, no issues fixed, nobody has access to help out).

    I like the idea of this framework pretty much, and it would be a great starting-point for any new project, but VueJS is already far into the 2.x.x and F7 made some pretty awesome changes, both of which we can't benefit from in app-framework.

    So, has anybody already incuded F7v2?

    question 
    opened by tiptronic 11
  • Framework7 v2 Update?

    Framework7 v2 Update?

    When do you plan to update the framework dependency?

    Framework7 v2 just recently released and many methods are to be replaced. It is hard to keep using v1 syntax since the official documentation is in v2 already.

    Thanks.

    better performance 
    opened by josteph 11
  • What is layout: dark supposed to do?

    What is layout: dark supposed to do?

    What is the 'layout' key supposed to do? I tried default, white, dark, but couldn't detect any change (no matter if theme is ios, material or something else).

    question 
    opened by tiptronic 11
  • Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually.

    Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually.

    how can I fix this please ?

    Error: Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually. Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to include path to valid SDK directory. Error: Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually. Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to include path to valid SDK directory.

    ps. Thank you for your template and I really hope I can manage to connect it to a small DB for a small app soon :)

    question 
    opened by vvp3 10
  • Ideas for App Framework 2

    Ideas for App Framework 2

    Hello everybody,

    App Framework 2 is in the pipe ... please find here the list of planned features:

    https://github.com/scriptPilot/app-framework/blob/v2parcel/README.md

    Feel free to add your ideas as an issue or as response to this thread :-)

    Dennis

    better performance question new feature 
    opened by scriptPilot 9
  • State still restoring after disabling restoreComponentData and restoreHistory

    State still restoring after disabling restoreComponentData and restoreHistory

    Hi scriptPilot/Team,

    I dunno if I'm doing it right. I set both restoreComponentData and restoreHistory to false but app state is still being restored every time app is opened.

    Is this the correct approach?

    Thanks.

    question 
    opened by j3dd 9
  • Test App Framework on Linux

    Test App Framework on Linux

    Hi there! If anybody is using App Framework on Linux I would be glad to get some feedback about special things to consider for the command line interface. Does everything work fine for you?

    question 
    opened by scriptPilot 9
  • Simplify installation

    Simplify installation

    cli

    • mkdir ...
    • cd dir ...
    • echo {} > package.json
    • install --save-dev app-framework

    postinstall

    • add default name
    • add default version

    remove error

    /Users/dennis/Documents/GitHub/app-performance/node_modules/app-framework/scripts/postinstall.js:139
      if (env.pkg.devDependencies['app-framework'] === '*') {
                                 ^
    
    TypeError: Cannot read property 'app-framework' of undefined
    
    better performance 
    opened by scriptPilot 8
  • Updating Viewports and templates to support iPhoneX

    Updating Viewports and templates to support iPhoneX

    Templates need some love to use the full height of iPhone X...

    Nice article here:

    https://blog.phonegap.com/displaying-a-phonegap-app-correctly-on-the-iphone-x-c4a85664c493

    new feature 
    opened by tiptronic 7
  • Problem at Build step from my cmd panel

    Problem at Build step from my cmd panel

    Hi I'm trying to install the app-framework from my cmd on my Win32 machine and I'm getting an warning at the Building development files - this may take a while ... step. The message is as follow: This file doesn't have an app associated with it for performing this action. Please install an app or, if one is already installed, create an association in the Default Apps Settings page. When accessing the localhost:1234 I get a Build error message: C:\Users\admin\my-app\node_modules\app-framework.cache\main.js:9:16: Cannot resolve dependency '......app/app.vue' at 'C:\Users\admin\my-app\node_modules\app-framework.cache......app\app.vue'

    Can someone help with this?

    opened by geoman2 0
  • V3

    V3

    Hi I'm trying to install the app-framework from my cmd on my Win32 machine and I'm getting an warning at the Building development files - this may take a while ... step. The message is as follow: This file doesn't have an app associated with it for performing this action. Please install an app or, if one is already installed, create an association in the Default Apps Settings page. When accessing the localhost:1234 I get a Build error message: C:\Users\admin\my-app\node_modules\app-framework.cache\main.js:9:16: Cannot resolve dependency '......app/app.vue' at 'C:\Users\admin\my-app\node_modules\app-framework.cache......app\app.vue'

    Can someone help with this?

    opened by geoman2 0
Owner
null
Ligroundkay - A free, open-source and modern Chess Variant Analysis GUI for the 21st century

LiGround A free, open-source and modern Chess Variant Analysis GUI for the 21st

Gökay Karaahmetli 0 Jan 9, 2022
budgetzero is a free, open-source, privacy-friendly, offline-first budgeting system.

budgetzero is a free, open-source, privacy-friendly, offline-first budgeting system. Use at budgetzero.io, download the desktop apps or self-host on y

budgetzero 469 Oct 5, 2022
Free public foreach content registry, no authentication required. open source

foreach is backedup free public foreach content registry, no authentication required. open source. preview Open the preview on vercel If you get some

Patrick Niyogitare 10 May 4, 2022
Desktop Postflop is a free, open-source GTO solver for Texas hold'em poker

Desktop Postflop Desktop Postflop is a free, open-source GTO solver for Texas hold'em poker. This is a port of WASM Postflop to a native desktop appli

Wataru Inariba 14 Sep 18, 2022
Learning Resources App is a simple web application built using Vue js, HTML, CSS, and JavaScript

Learning Resources App is a simple web application built using Vue js, HTML, CSS, and JavaScript

norhan reda 4 Sep 4, 2022
Prevents the display of a mobile device from going to sleep by playing a small mp4 video that's positioned off screen on a loop (aka wake lock).

vue-insomnia Prevents the display of a mobile device from going to sleep by playing a small (6kb) mp4 video that's positioned off screen on a loop. In

Mike Hamilton 11 Jul 23, 2022
Enable tap, swipe, touch, hold, mouse down, mouse up events on any HTML DOM Element in vue.js 3.x.

vue3-touch-events Enable tap, swipe, touch, hold, mouse down, mouse up events on any HTML DOM Element in vue.js 3.x. The easiest way to make your inte

Robin Rodricks 95 Sep 23, 2022
Prints a specific area/element of your html page for any frontend framework

Prints a specific area/element of your html page for any frontend framework

Trinmar Boado 12 Sep 24, 2022
🌟 DataFormsJS 🌟 A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.

?? Welcome to DataFormsJS! Thanks for visiting! ?? ?? ?? ?? ?? ?? 中文 (简体) 欢迎来到 DataFormsJS Español Bienvenido a DataFormsJS Português (do Brasil) Bem

DataFormsJS 150 Sep 24, 2022
Singlepage.js is a pure Javascript portal platform for building modular Web applications

Singlepage.js is a pure Javascript portal platform for building modular Web applications.

Padmanabh Dabke 0 Jan 22, 2021
Agnosticui - a set of UI primitives that start their lives in clean HTML and CSS

AgnosticUI is a set of UI primitives that start their lives in clean HTML and CS

null 488 Sep 24, 2022
This project is based on Codepen and use vuejs to render a live view html/js/css of your code

Homemade Codepen This project is based on Codepen, and use vuejs to render a live view html/js/css of your code. Features Live preview of your code Ed

Erwan Martin 2 May 6, 2022
project planner application implemented with Vue.js, HTML and CSS.

?? Table of Contents About website description Project setup Compiles and hot-reloads for development Website link ScreenShots Contributors About proj

Asmaa Adel 4 Sep 21, 2022
It's a Vue Project where I use composition API, implemented with html, css, vuejs.

?? Table of Contents About website description Project setup Compiles and hot-reloads for development Website link Contributors About It's a Vue Proje

Asmaa Adel 2 Aug 28, 2022
An open-source social media platform and public forum for questions and discussions, built for developers.

VUE Mumble Vue Repository About Mumble is an open source project built with REACT for developers. This is the Vue Version of Mumble (A Mumble Clone bu

Praveen Malethia 9 Mar 28, 2022
OSI helps you to track your all open-source Internships and Program in a single place ⚡

OSI helps you to track your all open-source Internships and Program in a single place ⚡

Rohan kumar 37 Sep 14, 2022
An Open Source website where you can search for COVID19 resources in your city 🏙 using Social Media

An Open Source website where you can search for COVID19 resources in your city ?? using Social Media. Getting Started First, run the development serve

Saransh Hardaha 5 Jul 7, 2021
✨ SOCAVES is a 100% open source social media platform, we care about your privacy

✨ The new age of social media ?? https://socaves.com Need your support to speed up the website! ⚡ ⚡ What Is SOCAVES? SOCAVES is a fully open source so

null 15 Apr 26, 2022
Gamebrary - Open source tool to organize video game collections.

Gamebrary Open source tool to organize video game collections. Gamebrary is an open source tool that helps organize video game collections. Written in

Roman Cervantes 72 Aug 22, 2022