framework7-vue

Build full featured iOS & Android apps using Framework7 & Vue


Keywords
vue, vuejs, mobile, framework, framework7, cordova, ios, iphone, ipad, apple, phonegap, capacitor, native, touch, appstore, app, f7, material, android, google, googleplay, components, library, material-design
License
MIT
Install
npm install framework7-vue@3.6.2

Documentation

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 Nettikasinot | Tässä parhaat nettikasinot - Katso lista WFM Buddy - Delighting your Workforce 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! Casino utan svensk licens - Casinon utan spelpaus med Trustly Casinot Thorium Builder - full visual Framework7 app builder Tommy Buy Premium Instagram Followers in PopularityBazaar
JinaCoin | 仮想通貨/暗号資産ニュース・情報メディア Non UK Casinos > New 2024 Proxidize - A New Generation of Proxies buy instagram likes from skweezer.net Limitless Casino Bonus Non UKGC Casino Buy Instagram Likes - Real Likes & Instant Delivery! UK Online Casinos Not On GamStop Twitter Video Downloader - Download Twitter Videos in MP4 เว็บพนันออนไลน์เว็บตรที่ดีที่สุดในประเทศไทยแห่งปี Crypto gambling discussion Casinos Not On Gamstop UK
Trace a phone number within minutes buy tiktok followers buy youtube likes buy youtube views from stormlikes Legit Casino » Your Source of Legitimate Online Casinos UpGrow: #1 AI-Powered Instagram Growth | Real IG Followers Best Bitcoin Casinos Buy Instagram Followers - 100% Real, Instant USA Casinos 247 Aviator game Lucky jet UK Betting Sites Not on GamStop » Non GamStop Bookmakers
Bet Consulting AirdropList(エアドロップリスト) | 仮想通貨のエアドロップ最新情報一覧 Software Development Company - Chudovo Svitua Welcome To SafeHamsters: The Pinnacle of Crypto Sports - SafeHamsters YTMP3 | YouTube to MP3 Converter, YT MP3, YT to MP3 Fast Withdrawal Сasinos in Аustralia ✔️ Get Your Money Instant 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
Onlinecasinosspelen.com 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 | BuzzVoice.com 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】
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 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.

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