/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

Nettikasinot | Katso parhaat nettikasinot 2022 | Top 10 lista 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 CasinoHEX ™ - Genuine Gambling Site Reviews & Free Casino Games Nettikasinot 2022 | Löydä Luotettava & Turvallinen Nettikasino! Casino utan svensk licens
Rahapelit netissä - Löydä parhaat pelisivut rahapeleihin (2022) Buy Instagram comments 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 AppValley Tommy Jet X - tudo o que você precisa saber - Jetx jogo CRYPTO MEDIA(クリプトメディア) | 仮想通貨をシンプルに、わかりやすく。 online casinoer casino uden ROFUS betting sider
VPS Fastest Payout Casinos in Canada [2022] Correct Casinos | Reputable Online Casinos, Slots & Bonuses Buy Followers, Likes, Views & Comments | BuzzVoice.com Buy Instagram Followers Cheap and Stable | HelpWYZ.com Crazy Time Bangladesh | Play Crazy Time BD Now Coupons, Promo Codes, September 2022 — Refermate NonGamstopCasinos - Professional Service on Selection of Casino and Betting sites for UK Gamblers
Игровые автоматы онлайн в Украине на деньги – Играть в слоты на реальные гривны online casino ideal nederland 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 Custom eCommerce Development Services - IntexSoft This Ruby on Rails consulting company can save you up to 60% — Rubyroid Labs 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 Online Casino in Canada ᐉ Best Canadian Online Casinos 2022 Bestes Online Casino Österreich – Top Spiele 2022 im Test mit 4-c.at Online Spielautomaten - Die besten deutschen Slots 2022 online testen Betting Sites Not On Gamstop » List of Best Bookies in UK - June 2022 NonGamStopOdds | Find the best UK casino not on GamStop Togel Online | Togel Hongkong | Togel Singapore Resmi
Betting Sites and New Online Casinos RushRadar: The Best Articles, Reviews, and Referral Codes 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 Best Crypto Casinos | Top Bitcoin Gambling Sites (2022) VPN Unlimited – Encrypted, Secure & Private online VPN service best site to buy Instagram likes
Parhaat vedonlyöntibonukset & vedonlyöntitarjoukset 2022 - Bonusvedot JETX APOSTAS - Jogo do foguete JETIX 2022 Best US Online Casino Sites 2022 ᐅ Top 10 USA Online Casinos kostenlose automatenspiele Kasinot ilman rekisteröitymistä Best Crypto Casinos (2022) - DoubleTheBitcoin.net Healthcare Software Development Company Espionner un téléphone Android et iPhone, Pour Control Parental
New Casino Sites UK for 2022 - Mr Win Buy Facebook Likes & Followers UK Crossfy: La App Para Tu Box y Gym testarna.se Ace Online Casino: Blackjack, Roulette, Slots and Bingo Contemporary, Luxury Furniture and Lighting - Chelsea Design Designer Furniture, Lighting & Home Accessories – Houseloom Software development company
Buy Instagram Followers UK - Buy 100% Real Instagram Followers Buy instagram followers UK Timeshare exit company reviews 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
Ranking bukmacherów - najlepsze legalne oferty w Polsce CryptoGambleTips - 70+ casino reviews, exclusive bonus & games guides Online Casino's ► Beste Belgische Casino's 🇧🇪 UK Online Casinos, Slot Machines, and Bonuses | TheCasinoDB Online Casinos UK List 2021 | Online Casinos XYZ Best Real Money Online Casino Pennsylvania Toplist 2021 Write My Paper - Your Pay & Go Trusted Essay Writing Solution Best 1$ deposit casino in Canada
Online casinos list & casino bonuses 2021 | Allonlinecasinoslist Online Casino | De Beste Online Casino's in België Online Casino Danmark til Rigtige Spillere - Onlinecasinosdk.com Zamsino Aapeli.net | Ilmaiset pelit ja nettipelit (2021) Golden Visa Greece Online Casino HEX - Best Online Casinos in Canada [2021] Buy Reddit Upvotes Cheap - 100% Authenic from Real People - Boosbe
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 Top FREE Crypto Sign Up Bonuses & Referral Codes hair transplant istanbul
Kasiinod - teejuht kasiinouudiste maailma Software Development Company | CodeFirst UK List of All the Best Online Casinos - Ultimate Casino List! Casinobonukset 2021 - Hae Parhaat Casino Bonukset Ja Casino Tarjoukset Bitcoin Casinos Write My Paper For Me - Writing Service | My Paper Writer Casinopro | Best Casino Comparison Site in Canada Casinority Australia - Best online casino guide for Australian players
JohnSlots | Find the Best Online Casinos, Bonuses and Slots 2020 Top Best Dating Sites of 2020 700+ Free Spins Uten Innskudd 🥇 Beste Free Spins Casinoer Instagram growth service - SimplyGram Buy Instagram Likes from Goread Coupons4Printing: Promotion Codes, Coupons, Coupon Codes Evolution Host - A DDoS Protected VPS host that accepts Bitcoin Casino En Ligne Canada, Les Meilleurs Casinos Virtuels Canadiens
Real Time Communications World Write My Essay For Me RajBet online casino India Findmate - International Dating & Friends VPN services for torrenting Tutlance.com - Pay For Homework Answers, Assignments and Essay Solutions EduBirdie - The professional essay writing service for students who can't even Parhaat Nettikasinot
'Spiel mit mehr' dank BonusFinder Kqapius, INC. 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