/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 CasinoHEX ™ - Genuine Gambling Site Reviews & Free Casino Games 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 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 SLON Media - Dedicated Creative and Marketing Team 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 Mail Order Brides - Find a Mail Order Bride [2022] at TopForeignBrides Togel Online | Togel Hongkong | Togel Singapore Resmi Betting Sites and New Online Casinos RushRadar: The Best Articles, Reviews, and Referral Codes
Spela online casino trots spelpaus på casinon utan svensk licens 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 MY Sports Injury Clinic ® Manchester City Centre
New Casino Sites UK for 2022 - Mr Win Buy Facebook Likes & Followers UK Crossfy: La App Para Tu Box y Gym Casino.xyz | Non-Gamstop Casino Reviews and Ratings 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 Mobile Casinos 2021 Review ᐈ Mobile Online Casinos Canada | CasinosHunter
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) Property for sale in France | Tranio Online Casino HEX - Best Online Casinos in Canada [2021] Parhaat bonukset netin rahapeleihin | Bonukset.fi
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 Norges beste anbefalte casinoer og casino bonus 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