Full featured HTML framework for building iOS & Android apps
Created 10 years ago, last commit 23 days ago
146 contributors
6.98k commits
Stars added on GitHub, month by month
Stars added on GitHub, per day, on average
Last week
+0.9 /day
Last month
+1.1 /day
Last 12 months
+1.7 /day
Package on NPM
Monthly downloads on NPM


Build Status Greenkeeper


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 - get help with taking online classes and tests from expert tutors Nettikasinot | Tässä parhaat nettikasinot - Katso lista WFM Buddy - Delighting your Workforce YTMP3 | YouTube to MP3 Converter, YT MP3, YT to MP3 Togel Hongkong, Togel Singapore, Togel Hari Ini, Data Keluaran SGP HK Prize | Vi sjekker gambling- og spillsider for svindel Casino utan Svensk Licens 2023 Nettikasinot 2022 | Löydä Luotettava & Turvallinen Nettikasino! Casino utan svensk licens - Casinon utan spelpaus med Trustly Casinot Thorium Builder - full visual Framework7 app builder Tommy
Buy Instagram Follower & Likes | Dopoid Najlepšie Slovenské Online Kasíno PayID Casinos in Australia: PayID Withdrawal Pokies Detectico Phone Tracker to Find Location by Phone Number UK Betting Sites Not on GamStop » Non GamStop Bookies 2023 Buy Instagram Followers - Cheap IG Followers Buy Instagram Reel Views Online Casinos Cyprus Outsourcing Software Development Company » A-Team Global Best Online Casino Philippines 2023 🥇 Online Gambling Philippines Guide Aviators Best Live Dealer Casino 2023 | Top Online Live Casino Sites With Real Dealers
888Starz Polska: Załóż Konto i Otrzymaj Bonus Powitalny do 1500 EUR! The Ultimate Crash Gambling Experience – Crash Game Buy Instagram Comments from Real Users | Powered by AI Buy Instagram Followers | Real, Instant Delivery & Only $2.97 BairesDev: Promoting Open Source for a Better Future Najlepsze Kasyna Online w Polsce 2023 - Dobre Kasyna Slots Not on GamStop - New Non-GamStop Casinos UK Nettikasinot | Katso parhaat nettikasinot 2023 | Top 10 lista Nye casino 2023 >> Finn et helt nytt norsk nettcasino nå! Nettcasino i Norge 2023 » Beste norske online casino på nett Buy instagram followers UK Best Bitcoin Casinos in 2023 ✔️ Top Crypto Casino Sites
Nikotiinipussit & Nikotiininuuska - Iso Valikoima ja Edulliset Top 10 Najboljih Online Casino u Hrvatskoj u 2023 Casino Zonder Registratie 2023 | CZR's Top No Account Casino's Ranglijst Beoordelen van nieuwe online casino's 2023 Buy Instagram Likes | Real, Instant Delivery & Only $1.47 site is dé nummer één gids, waardoor je gemakkelijk alle informatie van de top 10 online casino sites. Огляд найкращих казино в Україні CasinoLandia | An Exciting Journey in the Land of Online Casinos Aviator Game | Play Aviator Money Game by Spribe Pin Up Aviator Game Casino | Aviator Game in India Revisão do jogo Lucky Jet - Jogue por dinheiro real Jogos Lucky Jet Gioca Crazy Time Casinò per soldi veri - Crazy Time Casinò Italia
JetX Apostas | JetiX Aposta - Jogo do Foguete que Ganha Dinheiro neue online casinos deutschland jogo do aviãozinho iStarTips - Tips for Software, Apps on Android, iPhone SplendorAgency - Uniquely crafted digital solutions for creative projects crypto casinos online casino ideal nederland online casinoer casino uden ROFUS betting sider Fastest Payout Casinos in Canada [2022] Correct Casinos | Reputable Online Casinos, Slots & Bonuses
Buy Followers, Likes, Views & Comments | Coupons, Promo Codes, September 2022 — Refermate NonGamstopCasinos - Professional Service on Selection of Casino and Betting sites for UK Gamblers Best Online Casinos NZ | Online Gambling NZ CSGO Captain | Your Guide to Counter-Strike 2022 - CS:GO Captain VPNwelt: VPN Neuigkeiten, Testberichte und Statistik 2022 Online Spielautomaten - Die besten deutschen Slots 2022 online testen NonGamStopOdds | Find the best UK casino not on GamStop Togel Online | Togel Hongkong | Togel Singapore Resmi Online Casinos CA | #1 Casino Guide in 2022 | InsideCasino Casinos Not on GamStop » Most Trusted Non GamStop UK Casinos ⭐️ Discover The Best Reputable Online Casinos in Canada
JETX APOSTAS - Jet jogo do foguete Espionner un téléphone Android et iPhone, Pour Control Parental Buy Instagram views Non-GAMSTOP casinos Best Phone Tracker Apps without Permission in 2021【for iOS & Android】 Fortune Games® | Free Spins No Deposit Slot Games | Online Slots Online Casino's ► Beste Belgische Casino's 🇧🇪 Best 1$ deposit casino in Canada Zamsino Golden Visa Greece Online Casino HEX - Best Online Casinos in Canada [2021]
VPN for Firefox to Make the Internet a Better Place CasinoExpo svenska nya casinon online Ranking Bukmacherów Legalnych 2020. Bukmacher nr 1 to... Inkedin - Gambling News & Updates. Find Out What's Happening Here! オンラインカジノ比較ポータルサイト | ラッキーチカ Write My Paper For Me - Writing Service | My Paper Writer Casinority Australia - Best online casino guide for Australian players 700+ Free Spins Uten Innskudd 🥇 Beste Free Spins Casinoer Buy Instagram Likes from Goread Evolution Host - A DDoS Protected VPS host that accepts Bitcoin Casino En Ligne Canada, Les Meilleurs Casinos Virtuels Canadiens Write My Essay For Me
EduBirdie - The professional essay writing service for students who can't even Rise — Creative Web Development Agency Kidoverse - App for kids to learn, play, create and explore CyberBrain IT Services HICAPPS - Health Informatics Custom APPs Blokt - Cryptocurrency News Wappler - The Visual Web App Creator

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.


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:


If you have questions about Framework7 or want to help others you are welcome to special forum at


Documentation available at


Tutorials available at


Appstore apps made with Framework7:

Previous Versions