framework7io/framework7 — Gitpedia

<p align="center"><a href="https://framework7.io" target="_blank" rel="noopener noreferrer"><img width="150" src="https://framework7.io/i/logo.svg" alt="Framework7"></a></p> <p align="center"> <a href="https://www.patreon.com/framework7"><img src="https://framework7.io/i/support-badge.png" height="20"></a> <a href="https://travis-ci.org/framework7io/framework7"><img src="https://travis-ci.org/framework7io/framework7.svg?branch=master" alt="Build Status"></a> <a href="https://greenkeeper.io/"><img src="https://badges.greenkeeper.io/framework7io/Framework7.svg" alt="Greenkeeper"></a> </p> <h1 align="center">Framework7</h1> <p align="center">Full Featured Mobile HTML Framework For Building iOS & Android Apps</p> <h2 align="center">Supporting Framework7</h2>

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.

<h3 align="center">Sponsors</h3>  <table> <tr> <td align="center" valign="middle"> <a href="https://www.wfmbuddy.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/wfmbuddy.png" alt="WFM Buddy - Delighting your Workforce" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://evernomic.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/evernomic.png" alt="Evernomic" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://altmarket.app/" target="_blank"> <img src="https://framework7.io/i/sponsors/altmarket.png" alt="AltMarket - Best Deals on Games, Software & Subscriptions" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://route4me.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/route4me.png" alt="Route4Me Route Planner" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.kasinohai.com/nettikasinot" target="_blank"> <img src="https://framework7.io/i/sponsors/kasinohai.png" alt="Nettikasinot 2022 | Löydä Luotettava & Turvallinen Nettikasino!" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.thoriumbuilder.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/thorium.png" alt="Thorium Builder - full visual Framework7 app builder" width="160"> </a> </td> <td align="center" valign="middle"> <a href="http://mytommy.com" target="_blank"> <img src="https://framework7.io/i/sponsors/tommy.png" alt="Tommy" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://etawatchesindia.in/" target="_blank"> <img src="https://framework7.io/i/sponsors/watchindiaa.png" alt="super clone watches" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.reddit.com/r/YoutubePromotionn/comments/1pc6j5k/where_do_people_buy_youtube_subscribers_that_dont/" target="_blank"> <img src="https://framework7.io/i/sponsors/" alt="Buy YouTube Subscribers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.reddit.com/r/DigitalMarketingHack/comments/1rirsht/where_can_i_buy_x_likes_that_boost_engagement/" target="_blank"> <img src="https://framework7.io/i/sponsors/" alt="Buy X Likes" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://punchng.com/casino-online/pl/" target="_blank"> <img src="https://framework7.io/i/sponsors/punchngngr-norway.png" alt="PunchngNGR Poland" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://punchng.com/casino-online/no/" target="_blank"> <img src="https://framework7.io/i/sponsors/punchngngr-norway.png" alt="PunchngNGR Norway" width="160"> </a> </td> </tr> <tr> <td align="center" valign="middle"> <a href="https://www.vanguardngr.com/casino/es/" target="_blank"> <img src="https://framework7.io/i/sponsors/vanguardngr-spain.png" alt="VanguardNGR Spain" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.reddit.com/r/ProductivityHQ/comments/1ry1jdc/what_is_the_best_site_to_buy_tiktok_likes_and/" target="_blank"> <img src="https://framework7.io/i/sponsors/" alt="Buy TikTok Likes and Views" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.casino.escritoscientificos.es/" target="_blank"> <img src="https://framework7.io/i/sponsors/casinos-fiables-fuera-de-espana.png" alt="casinos fiables fuera de España" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://buy.fans/" target="_blank"> <img src="https://framework7.io/i/sponsors/buy-fans.png" alt="Buy Instagram Followers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://viron-nettikasinot.net/" target="_blank"> <img src="https://framework7.io/i/sponsors/viron-kasinot.png" alt="Viron Kasinot" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://dailyillini.com/sponsored/2025/12/29/buy-facebook-page-followers/" target="_blank"> <img src="https://framework7.io/i/sponsors/" alt="Buy Facebook Page Followers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://dailyiowan.com/2024/07/22/buy-facebook-followers-2024-top-3-sites-cheap-real/" target="_blank"> <img src="https://framework7.io/i/sponsors/" alt="Buy Facebook Followers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://pl.topkasynoonline.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/topkasynoonline-pl.png" alt="TopKasynoOnline PL" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.fbpostlikes.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/" alt="FBPostLikes" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://dailyprogress.com/exclusive/article_e7d0d9ad-9f95-53bb-a386-7dc6856a9040.html" target="_blank"> <img src="https://framework7.io/i/sponsors/" alt="Buy Quality Instagram Followers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.fun88vnu.com/vn/" target="_blank"> <img src="https://framework7.io/i/sponsors/fun88-vietnam.png" alt="Fun88 Vietnam" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.fun88tha.com/th/" target="_blank"> <img src="https://framework7.io/i/sponsors/fun88-thailand.png" alt="Fun88 Thailand" width="160"> </a> </td> </tr> <tr> <td align="center" valign="middle"> <a href="https://popmani.se/" target="_blank"> <img src="https://framework7.io/i/sponsors/casinonutansvensklicensorg.png" alt="casino utan svensk licens" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://casinobonusutaninsattning.net/10-euro-casino-utan-licens/" target="_blank"> <img src="https://framework7.io/i/sponsors/utlandska-casino-10-euro.png" alt="utländska casino 10 euro" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://nya-casinon-utan-svensk-licens.se/casino-utan-svensk-licens-10-euro/" target="_blank"> <img src="https://framework7.io/i/sponsors/casino-utan-svensk-licens-10-euro.png" alt="casino utan svensk licens 10 euro" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://global.fun88.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/fun88-official.png" alt="Fun88" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://global.fun88.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/fun88-official.png" alt="Fun88" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://theethereum.wiki/" target="_blank"> <img src="https://framework7.io/i/sponsors/ethereum-wiki.png" alt="Ethereum Wiki" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://time.now/" target="_blank"> <img src="https://framework7.io/i/sponsors/time-now.png" alt="Time Now" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://scribehow.com/page/Instagram_Private_Account_Viewer_Method_2026_The_Safe_Way_to_See_Whats_Hidden__h8D5DquxRpyhsDSCv5mYdg" target="_blank"> <img src="https://framework7.io/i/sponsors/private-instagram-viewer-with-no-login-required.png" alt="Private Instagram Viewer with no login required" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://fundedaccountpro.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/funded-account-pro.png" alt="Funded Account PRO" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.educatransparencia.cl/" target="_blank"> <img src="https://framework7.io/i/sponsors/educatransparenciacl.png" alt="Transparencia en Casinos Online" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://billingsgazette.com/exclusive/article_979d2b0d-6f14-5c8a-8a0e-7e87442d4637.html" target="_blank"> <img src="https://framework7.io/i/sponsors/buy-tiktok-followers-cheap.png" alt="Buy TikTok Followers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://richmond.com/exclusive/article_0442af29-5a06-57e1-aada-69f740dceae4.html" target="_blank"> <img src="https://framework7.io/i/sponsors/purchase-tiktok-followers.png" alt="Purchase TikTok Followers" width="160"> </a> </td> </tr> <tr> <td align="center" valign="middle"> <a href="https://www.idsnews.com/article/2025/09/buy-instagram-followers" target="_blank"> <img src="https://framework7.io/i/sponsors/buy-instagram-followers-ids-ne.png" alt="Buy Instagram Followers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://omaha.com/exclusive/article_39670924-5bfa-5b48-8331-9ff954ae8c21.html" target="_blank"> <img src="https://framework7.io/i/sponsors/buy-tiktok-likes-cheap.png" alt="Buy TikTok Likes Cheap" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://casinolegal.ro/cazinouri/noi" target="_blank"> <img src="https://framework7.io/i/sponsors/casinolegalnew.png" alt="CASINOLEGAL" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.superclones.io/" target="_blank"> <img src="https://framework7.io/i/sponsors/superclones.png" alt="SuperClones" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://nl.trustpilot.com/review/idealecasinos.com" target="_blank"> <img src="https://framework7.io/i/sponsors/trust-ideal-casino.png" alt="iDEAL Online Casino" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://nl.trustpilot.com/review/zonderregistratiecasinos.com" target="_blank"> <img src="https://framework7.io/i/sponsors/no-account-casino.png" alt="Online Casino Zonder Registratie" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://fairsearch.org/" target="_blank"> <img src="https://framework7.io/i/sponsors/real-money-casinos.png" alt="Real Money Casinos" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://tucson.com/exclusive/article_d407a4ab-a8ef-5129-bca4-02f95328664c.html" target="_blank"> <img src="https://framework7.io/i/sponsors/buy-facebook-likes-real.png" alt="Buy Facebook Likes" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://idealecasinos.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/idealecasinoscom.png" alt="iDealeCasinos" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.softorbits.net/ai-undresser/" target="_blank"> <img src="https://framework7.io/i/sponsors/softorbits.png" alt="SoftOrbits" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://writehuman.ai/" target="_blank"> <img src="https://framework7.io/i/sponsors/writehuman.png" alt="WriteHuman AI Humanizer" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://nl.trustpilot.com/review/scandicasinos.com" target="_blank"> <img src="https://framework7.io/i/sponsors/best-online-casino-gambling.png" alt="Best Online Casino" width="160"> </a> </td> </tr> <tr> <td align="center" valign="middle"> <a href="https://retail.economictimes.indiatimes.com/news/replica-watches-best-website-for-11-super-clone-watches-swiss-movement/114113699" target="_blank"> <img src="https://framework7.io/i/sponsors/best-replica-watches.png" alt="best replica watches" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://playfortuna.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/playfortunacom.png" alt="playfortuna.com" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://finance.yahoo.com/news/best-website-super-clone-watches-073500706.html" target="_blank"> <img src="https://framework7.io/i/sponsors/super-clone-prestige.png" alt="Yahoo Finance - Super Clone" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://superclonereps.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/superclonereps.png" alt="superclonereps" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://fi.parhaatuudetkasinot.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/parhaatuudetkasinotcom.png" alt="Uudet Nettikasinot" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://legitcasino.vip/" target="_blank"> <img src="https://framework7.io/i/sponsors/legit-casino.png" alt="Legit Casino" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://unaimytext.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/humanize-ai-unaimytext.png" alt="humanize AI with UnAIMyText" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://superluxuryreps.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/superluxuryreps.png" alt="Super Clone Watches - 1:1 Replica Watches at Unbeatable Price" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.jeffbullas.com/thread/best-and-cheapest-sites-to-buy-tiktok-followers-and-likes/" target="_blank"> <img src="https://framework7.io/i/sponsors/" alt="Buy TikTok Followers & Likes here" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://buytiktokfollowers.co/" target="_blank"> <img src="https://framework7.io/i/sponsors/buy-tiktok-followers-co.png" alt="Buy TikTok Followers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.bestetf.net/list/artificial-intelligence/" target="_blank"> <img src="https://framework7.io/i/sponsors/bestetf.png" alt="AI ETFs" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://prestigewatches.co/" target="_blank"> <img src="https://framework7.io/i/sponsors/prestige_logo.webp" alt="Super Clone Watches: Best Website for 1:1 Replica Watches" width="160"> </a> </td> </tr> <tr> <td align="center" valign="middle"> <a href="https://www.socialfollowers.uk/buy-tiktok-followers/" target="_blank"> <img src="https://framework7.io/i/sponsors/social-followers.png" alt="Buy Tiktok Followers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://opencollective.com/bruce-dilger" target="_blank"> <img src="https://framework7.io/i/sponsors/bruce-dilger.png" alt="Bruce Dilger" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://writingmetier.com/ib-internal-assessment-writing-service/" target="_blank"> <img src="https://framework7.io/i/sponsors/writing-metier.png" alt="IB IA Writing Service | Buy SL or HL Assessments" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://guidebook.betwinner.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/guidebook_betwinner_com.png" alt="BetWinner Guidebook | BetWinner Platform" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://bonusoid.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/bonusoidcom.png" alt="Bonusoid" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://casinosinternacionalesonline.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/casinosinternacionalesonline.png" alt="Casinos Internacionales Online" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://nongamstopcasinos.net/gb/" target="_blank"> <img src="https://framework7.io/i/sponsors/nongamstopcasinosnet.png" alt="Non Gamstop Casino" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://casinoallianz.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/casinoallianz.png" alt="CasinoAllianz" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://mysocialfollowing.com/youtube/subscribers.php" target="_blank"> <img src="https://framework7.io/i/sponsors/buy-youtube-subscribers.png" alt="Buy Youtube Subscribers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.socialwick.com/instagram/followers" target="_blank"> <img src="https://framework7.io/i/sponsors/instagram-followers-socialwick.png" alt="Buy Instagram Followers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://ssmarket.net/buy-youtube-subscribers" target="_blank"> <img src="https://framework7.io/i/sponsors/youtube-subscribers-ssmarket.png" alt="Buy Youtube Subscribers" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://zamsino.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/zamamamma.png" alt="Zamsino.com 🎖️ Global Online Gambling Guide" width="160"> </a> </td> </tr> <tr> <td align="center" valign="middle"> <a href="https://onlinekasyno-polis.pl/" target="_blank"> <img src="https://framework7.io/i/sponsors/onlinekasyno-polis.png" alt="Najlepsze kasyna online w Polsce" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://pomus.net/" target="_blank"> <img src="https://framework7.io/i/sponsors/luotettavat-suomalaiset-nettikasinot.png" alt="Luotetut suomalaiset nettikasinot (2024) ▶️ 35+ Sivustoa!" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.chilecasinos.net/" target="_blank"> <img src="https://framework7.io/i/sponsors/chilecasinos.png" alt="Chile Casinos" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.nodepositcasinobonus.org/" target="_blank"> <img src="https://framework7.io/i/sponsors/no-deposit-bonus.png" alt="No Deposit Bonus" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://igcomment.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/igcomment.png" alt="IGComment" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.teravisiontech.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/teravisiontech.webp" alt="Accelerating Your Software Products | Teravision Technologies" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://casinosinlicenciaespana.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/casinos-online-sin-licencia-2024.svg" alt="Casinos Online Sin Licencia 2024" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://jinanbo11.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/jinacoin.png" alt="JinaCoin | 仮想通貨/暗号資産ニュース・情報メディア" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://blastup.com/buy-instagram-likes" target="_blank"> <img src="https://framework7.io/i/sponsors/blastup_com.png" alt="Buy Instagram Likes - Real Likes & Instant Delivery!" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.doublethebitcoin.net/" target="_blank"> <img src="https://framework7.io/i/sponsors/doublethebitcoin.png" alt="Best Bitcoin Casinos" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://opencollective.com/bet-consulting" target="_blank"> <img src="https://framework7.io/i/sponsors/bet-consulting.png" alt="Bet Consulting" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://airdroplist.co/" target="_blank"> <img src="https://framework7.io/i/sponsors/airdroplist.png" alt="AirdropList(エアドロップリスト) | 仮想通貨のエアドロップ最新情報一覧" width="160"> </a> </td> </tr> <tr> <td align="center" valign="middle"> <a href="https://casinogap.org/uk/betting-sites-not-on-gamstop/" target="_blank"> <img src="https://framework7.io/i/sponsors/casinogaporg.png" alt="UK Betting Sites Not on GamStop » Non GamStop Bookies 2023" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://888starz-polska.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/888starz.png" alt="888Starz Polska: Załóż Konto i Otrzymaj Bonus Powitalny do 1500 EUR!" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://twicsy.com/buy-instagram-followers" target="_blank"> <img src="https://framework7.io/i/sponsors/buy-instagram-followers-twicsy.png" alt="Buy Instagram Followers | Real, Instant Delivery & Only $2.97" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.nettikasinot.media/" target="_blank"> <img src="https://framework7.io/i/sponsors/nettikasinot-media.png" alt="Nettikasinot | Katso parhaat nettikasinot 2023 | Top 10 lista" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://nieuwe-casinos.net/" target="_blank"> <img src="https://framework7.io/i/sponsors/nieuwecasinos.svg" alt="Beoordelen van nieuwe online casino's 2023" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://onlinecasinosspelen.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/onlinecasinosspelen.png" alt="Onlinecasinosspelen.com site is dé nummer één gids, waardoor je gemakkelijk alle informatie van de top 10 online casino sites." width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://aviatorgame.net/" target="_blank"> <img src="https://framework7.io/i/sponsors/aviator-game.png" alt="Aviator Game | Play Aviator Money Game by Spribe" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://pinupaviator.in/" target="_blank"> <img src="https://framework7.io/i/sponsors/pin-up-aviator-india.png" alt="Pin Up Aviator Game Casino | Aviator Game in India" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://luckyjetgames.com/pt/" target="_blank"> <img src="https://framework7.io/i/sponsors/lucky-jet-brazil.png" alt="Revisão do jogo Lucky Jet - Jogue por dinheiro real Jogos Lucky Jet" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://emporioae.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/crazy-time-italia.png" alt="Gioca Crazy Time Casinò per soldi veri - Crazy Time Casinò Italia" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://jetxgame.com/pt/" target="_blank"> <img src="https://framework7.io/i/sponsors/jetxgame.png" alt="JetX Apostas | JetiX Aposta - Jogo do Foguete que Ganha Dinheiro" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://play-jetx.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/play-jetx.png" alt="jogo do aviãozinho" width="160"> </a> </td> </tr> <tr> <td align="center" valign="middle"> <a href="https://betting-sider.net/" target="_blank"> <img src="https://framework7.io/i/sponsors/betting-sider.jpg" alt="betting sider" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.fast.bet/ca/" target="_blank"> <img src="https://framework7.io/i/sponsors/fastbetca.png" alt="Fastest Payout Casinos in Canada [2022]" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://correctcasinos.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/correctcasinos.png" alt="Correct Casinos | Reputable Online Casinos, Slots & Bonuses" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.csgocaptain.com" target="_blank"> <img src="https://framework7.io/i/sponsors/csgocaptain.jpg" alt="CSGO Captain | Your Guide to Counter-Strike 2022 - CS:GO Captain" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.nongamstopodds.com/casinos-not-on-gamstop/" target="_blank"> <img src="https://framework7.io/i/sponsors/nongamstopodds.png" alt="NonGamStopOdds | Find the best UK casino not on GamStop" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://playcasinoscanada.com" target="_blank"> <img src="https://framework7.io/i/sponsors/play-casinos-canada.png" alt="Discover The Best Reputable Online Casinos in Canada" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://poprey.com/buy-instagram-views" target="_blank"> <img src="https://framework7.io/i/sponsors/poprey-com.png" alt="Buy Instagram views" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://casino-wise.com/casinos-not-on-gamstop/" target="_blank"> <img src="https://framework7.io/i/sponsors/casino-wise-com.png" alt="Non-GAMSTOP casinos" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.nongamstopwager.com" target="_blank"> <img src="https://framework7.io/i/sponsors/nongamstopwager-com.png" alt="NonGamStopWager.com" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.fortunegames.com" target="_blank"> <img src="https://framework7.io/i/sponsors/fortunegames.png" alt="Fortune Games® | Free Spins No Deposit Slot Games | Online Slots" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://casinoshunter.com/online-casinos/1-deposit/" target="_blank"> <img src="https://framework7.io/i/sponsors/casinos-hunter.png" alt="Best 1$ deposit casino in Canada" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://veepn.com/vpn-apps/vpn-for-firefox/" target="_blank"> <img src="https://framework7.io/i/sponsors/veepn-new.png" alt="VPN for Firefox to Make the Internet a Better Place" width="160"> </a> </td> </tr> <tr> <td align="center" valign="middle"> <a href="https://casinoexpo.se/nya-casino/" target="_blank"> <img src="https://framework7.io/i/sponsors/casinoexpo.jpg" alt="CasinoExpo svenska nya casinon online" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://najlepsibukmacherzy.pl/ranking-legalnych-bukmacherow/" target="_blank"> <img src="https://framework7.io/i/sponsors/netpositive.png" alt="Ranking Bukmacherów Legalnych 2020. Bukmacher nr 1 to..." width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://evolution-host.com" target="_blank"> <img src="https://framework7.io/i/sponsors/evolution-host.png" alt="Evolution Host - A DDoS Protected VPS host that accepts Bitcoin" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://rise.co" target="_blank"> <img src="https://framework7.io/i/sponsors/rise.png" alt="Rise — Creative Web Development Agency" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://www.cyberbrain.nl/" target="_blank"> <img src="https://framework7.io/i/sponsors/cyberbrain.png" alt="CyberBrain IT Services" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://hicapps.cl" target="_blank"> <img src="https://framework7.io/i/sponsors/hicapps.png" alt="HICAPPS - Health Informatics Custom APPs" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://blokt.com/" target="_blank"> <img src="https://framework7.io/i/sponsors/blokt.png" alt="Blokt - Cryptocurrency News" width="160"> </a> </td> <td align="center" valign="middle"> <a href="https://wappler.io/" target="_blank"> <img src="https://framework7.io/i/sponsors/wappler.png" alt="Wappler - The Visual Web App Creator" width="160"> </a> </td> <td align="center" valign="middle"></td> <td align="center" valign="middle"></td> <td align="center" valign="middle"></td> <td align="center" valign="middle"></td> </tr> </table>

Getting Started

Getting Started Guide

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/