JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Framework7

    Full Featured HTML Framework For Building iOS & Android Apps
    Filed under  › 

    • 🔾87%Overall
    • 16,806
    • 1.5 days
    • 🕩3310
    • 👥7

    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 | Tässä parhaat nettikasinot - Katso lista ミセテのご紹介|ミセテ 多言語対応オフィシャルアプリ制作・カスタマイズサービス|ランカードコム(LANCARD.COM inc.) WFM Buddy - Delighting your Workforce CasinoHEX ™ - Genuine Gambling Site Reviews & Free Casino Games Rahapelit netissä - Löydä parhaat pelisivut rahapeleihin (2022) buy Instagram likes 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 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

    Show All