/framework7

Full featured HTML framework for building iOS & Android apps

Primary LanguageJavaScriptMIT LicenseMIT

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 ミセテのご紹介|ミセテ 多言語対応オフィシャルアプリ制作・カスタマイズサービス|ランカードコム(LANCARD.COM inc.) WFM Buddy - Delighting your Workforce Svindel.info | Vi sjekker gambling- og spillsider for svindel Casino utan Svensk Licens 2023 Nettikasinot 2022 | Löydä Luotettava & Turvallinen Nettikasino! Rahapelit netissä - Löydä parhaat pelisivut rahapeleihin (2022) Casino utan svensk licens - Casinon utan spelpaus med Trustly Polskie Kasyno HEX Casinot ParasKasino
NettiCasinoHEX.com Kasinot.fi Thorium Builder - full visual Framework7 app builder Tommy Lucky Jet Game for Real Money | Play Lucky Jet at Online Casinos Jogar Spaceman Pragmatic Play - Jogo Spaceman Apostas 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. Get Free Instagram Likes | Soc-Promotion Обзор лицензионных казино в Украине
Огляд найкращих казино в Україні Огляд найкращих казино в Україні 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 Casino Ohne Limit | Finden Sie die besten Casinos ohne limit 먹튀검증 안전한 토토사이트 추천 - 먹튀컷 Real Money Online Casino Canada - January 2023
jogo do aviãozinho Best New Online Casinos in Australia 2023 Best Real Money Online Casinos in India iStarTips - Tips for Software, Apps on Android, iPhone SplendorAgency - Uniquely crafted digital solutions for creative projects crypto casinos Jet X - tudo o que você precisa saber - Jetx jogo CRYPTO MEDIA(クリプトメディア) | 仮想通貨をシンプルに、わかりやすく。 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 Look for top paying online casinos Canada at leafletcasino.com Play at the best online casinos Australia and get bonuses thanks to reviews on aussiebestcasinos.com CSGO Captain | Your Guide to Counter-Strike 2022 - CS:GO Captain VPNwelt: VPN Neuigkeiten, Testberichte und Statistik 2022 Real Spy Apps - Reviews, You Can Trust Bestes Online Casino Österreich – Top Spiele 2022 im Test mit 4-c.at 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 VPN Unlimited – Encrypted, Secure & Private online VPN service JETX APOSTAS - Jet jogo do foguete Best US Online Casino Sites 2022 ᐅ Top 10 USA Online Casinos Best Crypto Casinos (2022) - DoubleTheBitcoin.net Espionner un téléphone Android et iPhone, Pour Control Parental Buy Instagram views Sammenlign priser på produkter i Danmark | Billigzonen.dk
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! オンラインカジノ比較ポータルサイト | ラッキーチカ Svenska Nätcasinon 2020🥇 》Topplista med bästa casinon Kasiinod - teejuht kasiinouudiste maailma List of All the Best Online Casinos - Ultimate Casino List! 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 Instagram growth service - SimplyGram 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 Write My Paper For Me 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