Framework7

Full featured HTML framework for building iOS & Android apps
GitHub
18.2k
Created 11 years ago, last commit 21 days ago
149 contributors
7.01k commits
Stars added on GitHub, month by month
12
1
2
3
4
5
6
7
8
9
10
11
2023
2024
Stars added on GitHub, per day, on average
Yesterday
+1
Last week
+1.6
/day
Last month
+1.1
/day
Last 12 months
+1.5
/day
npmPackage on NPM
Monthly downloads on NPM
12
1
2
3
4
5
6
7
8
9
10
11
2023
2024
README

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

NoNeedToStudy.com - get help with taking online classes and tests from expert tutors WFM Buddy - Delighting your Workforce Route4Me Route Planner Togel Hongkong, Togel Singapore, Togel Hari Ini, Data Keluaran SGP HK Prize Svindel.info | Vi sjekker gambling- og spillsider for svindel Casino utan Svensk Licens 2023 Nettikasinot 2022 | Löydä Luotettava & Turvallinen Nettikasino! Thorium Builder - full visual Framework7 app builder Tommy Buy Instagram Likes with Instant Delivery Buy Followers, Likes, Subscribers & Views - Media Mister Καλύτερα Live καζίνο στην Ελλάδα 2024
Buy Instagram Followers Cheap Wordle Hint Today Graming TikTok Views Zamsino.com 🎖️ Global Online Gambling Guide Aviator Casino Najlepsze kasyna online w Polsce Buy Instagram Followers Luotetut suomalaiset nettikasinot (2024) ▶️ 35+ Sivustoa! Aktualne Bonusy Bez Depozytu 🎖️ wrzesień 2024 Free Chip No Deposit Australia Morning Dough | A Free Daily Digital Marketing & AI Newsletter Chile Casinos
casinos legais portugal No Deposit Bonus Buy TikTok Followers utländska casino med låg insättning Buy YouTube Subscribers Buy TikTok Likes With Instant Delivery - VVSLikes.com SMM Panel Services - RunLikes.com Guidebook.BetWinner Buy Instagram Followers - Real, Instant Delivery & Only $0.49 IGComment SMM Panel Services JAP YouTube Video Downloader
$10 Minimum Deposit Casinos in Australia Siti non AAMS sicuri casino utan svensk licens Сasino Without Swedish License Сasino Without Swedish License Ai2people Expert Australian Online Casino Guide Accelerating Your Software Products | Teravision Technologies Ta καλύτερα διαδικτυακά καζίνο στην Ελλάδα το 2024 Buy Instagram Followers BuffZone Buy YouTube Views Bountii
Buy Instagram Followers BuyCheapestFollowers top Canadian online casinos rated on HolyMolyCasinos Buy YouTube Subscribers Casinos Online Sin Licencia 2024 Slotozilla Poland Buy Premium Instagram Followers in PopularityBazaar JinaCoin | 仮想通貨/暗号資産ニュース・情報メディア Buy Instagram Likes - Real Likes & Instant Delivery! UK Online Casinos Not On GamStop Trace a phone number within minutes UpGrow: #1 AI-Powered Instagram Growth | Real IG Followers Best Bitcoin Casinos
Aviator game Lucky jet UK Betting Sites Not on GamStop » Non GamStop Bookmakers Bet Consulting AirdropList(エアドロップリスト) | 仮想通貨のエアドロップ最新情報一覧 Svitua Welcome To SafeHamsters: The Pinnacle of Crypto Sports - SafeHamsters Fast Withdrawal Сasinos in Аustralia ✔️ Get Your Money Instant Detectico Phone Tracker to Find Location by Phone Number UK Betting Sites Not on GamStop » Non GamStop Bookies 2023 Best Online Casino Philippines 2023 🥇 Online Gambling Philippines Guide Aviators
888Starz Polska: Załóż Konto i Otrzymaj Bonus Powitalny do 1500 EUR! 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 Nettikasinot | Katso parhaat nettikasinot 2023 | Top 10 lista Nettcasino i Norge 2023 » Beste norske online casino på nett Buy instagram followers UK Casino Zonder Registratie 2023 | CZR's Top No Account Casino's Ranglijst Beoordelen van nieuwe online casino's 2023 Onlinecasinosspelen.com site is dé nummer één gids, waardoor je gemakkelijk alle informatie van de top 10 online casino sites. Огляд найкращих казино в Україні 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 SplendorAgency - Uniquely crafted digital solutions for creative projects crypto casinos online casino ideal nederland betting sider Fastest Payout Casinos in Canada [2022] Correct Casinos | Reputable Online Casinos, Slots & Bonuses
NonGamstopCasinos - Professional Service on Selection of Casino and Betting sites for UK Gamblers CSGO Captain | Your Guide to Counter-Strike 2022 - CS:GO Captain NonGamStopOdds | Find the best UK casino not on GamStop Togel Online | Togel Hongkong | Togel Singapore Resmi Casinos Not on GamStop » Most Trusted Non GamStop UK Casinos ⭐️ Discover The Best Reputable Online Casinos in Canada Buy Instagram views Non-GAMSTOP casinos NonGamStopWager.com Fortune Games® | Free Spins No Deposit Slot Games | Online Slots Online Casino's ► Beste Belgische Casino's 🇧🇪 Best 1$ deposit casino in Canada
Online Casino HEX - Best Online Casinos in Canada 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! Casinority Australia - Best online casino guide for Australian players 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 Rise — Creative Web Development Agency 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.

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