framework7

Full featured mobile HTML framework for building iOS & Android apps


Keywords
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@2.0.0-beta.18

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 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! Casino utan svensk licens - Casinon utan spelpaus med Trustly Thorium Builder - full visual Framework7 app builder Tommy utländska casino med låg insättning Buy YouTube Subscribers
Buy TikTok Likes With Instant Delivery - VVSLikes.com SMM Panel Services - RunLikes.com CreditCaptain – Leading AI Credit Repair Service Gymgrit Guidebook.BetWinner Buy Instagram Followers - Real, Instant Delivery & Only $0.49 Online Kasyno Polis Proxy Coupons IGComment trygge norske casino SMM Panel Services JAP casino non AAMS
Buy YouTube Views 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 The Red Playground Expert Australian Online Casino Guide CasinoRevisor: Alles über die besten Casinos in Deutschland Accelerating Your Software Products | Teravision Technologies
revistacomunicacion.org Ta καλύτερα διαδικτυακά καζίνο στην Ελλάδα το 2024 Buy Instagram Followers BuffZone Buy Tiktok Followers Buy YouTube Views Bountii Buy Instagram Followers BuyCheapestFollowers top Canadian online casinos rated on HolyMolyCasinos UAE online casino reviews DISCOVER THE BEST COUPONS ONLINE Buy YouTube Subscribers Buitenlandse Online Casinos
Casinos Online Sin Licencia 2024 Slotozilla Poland Buy Premium Instagram Followers in PopularityBazaar JinaCoin | 仮想通貨/暗号資産ニュース・情報メディア Proxidize - A New Generation of Proxies Buy Instagram Likes - Real Likes & Instant Delivery! UK Online Casinos Not On GamStop Trace a phone number within minutes buy youtube likes 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 Buy Instagram Follower & Likes | Dopoid Detectico Phone Tracker to Find Location by Phone Number UK Betting Sites Not on GamStop » Non GamStop Bookies 2023 Buy Instagram Reel Views 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 Buy Followers, Likes, Views & Comments | BuzzVoice.com 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