framework7io/framework7

Analysis updated 2026-06-21

★ 18,658JavaScriptAudience · vibe coderComplexity · 3/5LicenseSetup · moderate

Mindmap

mindmap
  root((Framework7))
    What it does
      Mobile UI framework
      iOS and Android look
      Single codebase
    Components
      Navigation bars
      Lists and modals
      Touch gestures
    Integration
      No framework needed
      Cordova packaging
      Build tools support
    Audience
      Web developers
      App builders
      Vibe coders

mindmap root((Framework7)) What it does Mobile UI framework iOS and Android look Single codebase Components Navigation bars Lists and modals Touch gestures Integration No framework needed Cordova packaging Build tools support Audience Web developers App builders Vibe coders

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Build a mobile-quality web app with iOS-style navigation bars and Material Design components from a single codebase.

USE CASE 2

Wrap a Framework7 web app into an installable native app for the App Store or Google Play using Cordova.

USE CASE 3

Add swipe gestures, animated page transitions, and touch-optimized components to a mobile web project.

USE CASE 4

Build a quick mobile app prototype using pre-built Framework7 components without hiring native app developers.

What is it built with?

JavaScriptHTMLCSSCordova

How does it compare?

	framework7io/framework7	handlebars-lang/handlebars.js	mysqljs/mysql
Stars	18,658	18,631	18,631
Language	JavaScript	JavaScript	JavaScript
Setup difficulty	moderate	easy	easy
Complexity	3/5	2/5	2/5
Audience	vibe coder	developer	developer

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

MIT, use freely for any purpose including commercial, with no restrictions beyond keeping the copyright notice.

In plain English

Framework7 is a JavaScript framework for building mobile web applications that look and feel like native iOS and Android apps. You write your app once using HTML, CSS, and JavaScript, and Framework7 provides pre-built components, buttons, navigation bars, lists, modals, tabs, and more, styled to match both Apple's iOS design language and Google's Material Design guidelines. The same code base can produce an app that adapts its appearance to the platform it's running on. The framework is aimed at developers who want to ship a mobile-quality web app without building native apps for each platform separately. It works with or without additional JavaScript frameworks and can be integrated with various build tools. The library is MIT-licensed and maintained with community funding through Patreon. Framework7 covers the full mobile UI surface: routing between pages, form handling, animations, touch gestures, and a wide range of interface components. It also supports integration with packaging tools like Cordova that can wrap web apps into installable native app packages.

Copy-paste prompts

Prompt 1

Create a Framework7 app with a tab bar navigation and three pages: Home, Search, and Profile, using an iOS-style appearance. Show me the complete HTML and JavaScript setup.

Prompt 2

I want my Framework7 app to automatically show iOS-style UI on iPhones and Material Design on Android phones. How do I configure automatic theme switching?

Prompt 3

Add a pull-to-refresh feature and an infinite scroll list to my Framework7 app that loads more items from an API as the user scrolls down. Show me the code.

Prompt 4

Show me how to package a Framework7 web app into an installable Android APK using Cordova, include the required CLI commands and config file changes.

Frequently asked questions

What is framework7?

Framework7 is a JavaScript framework for building mobile web apps that look and feel like native iOS and Android apps, using HTML and CSS in a single codebase without writing separate native code.

What language is framework7 written in?

Mainly JavaScript. The stack also includes JavaScript, HTML, CSS.

What license does framework7 use?

MIT, use freely for any purpose including commercial, with no restrictions beyond keeping the copyright notice.

How hard is framework7 to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is framework7 for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub framework7io on gitmyhub

Verify against the repo before relying on details.