Full featured HTML framework for building iOS & Android apps

Last update: Aug 10, 2022

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

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

GitHub

https://github.com/framework7io/framework7
Comments
  • 1. Framework7 React

    This is a (multiple allowed):

    • [ ] bug
    • [ ] enhancement
    • [x] feature-discussion (RFC)

    Other than a few small examples here and there on GitHub, there doesn't appear to be a React version of Framework7. My team and I have a good start on a React version of Framework7 that we're considering open sourcing at some point. Before we go through the work to do that, I'd like to make sure that we're not duplicating effort that anyone else is doing.

    Our goal is to have a React framework that relies only on Framework7 HTML and LESS, and not its JavaScript--something similar to www.material-ui.com, except that supports both iOS and Material.

    Does anyone have knowledge of a React version of Framework7 in development, or perhaps of any similar efforts?

    Reviewed by bencompton at 2016-10-07 17:26
  • 2. Framework7 + AngularJS

    This is a well done framework (in the very early stages). However, I decided to use framework7 for one of my projects and I wanted to integrate it with angularJS. The difficulty I faced is combining page transitioning/changing from both frameworks. Angular uses ng-view and Framework7 similarly (with partial html) changes pages except for top navbar and bottom navbar.

    Help/Advice on how to control the navigation of pages in Framework7 with AngularJS routes, templates would be very useful. Thank you.

    Reviewed by nodkrot at 2014-04-06 15:50
  • 3. Meteor compatibility

    any chance that this can work on Meteor (meteor.com)?

    I can get it working well, the thing is Meteor manages the dom and changes it when you change the page/has its own router. This way framework 7's router isn't used.

    Is there a way that the page transitions can be used with Meteor & framework 7? (as well as the sliding back gesture)

    Reviewed by Tarang at 2014-09-23 06:50
  • 4. Google Place Autocomplete API

    Hi I have troubles trying to use Google Place Autocomplete API inside a form. One of the field of the form is a input type="text", that should be autocompleted. It worked in bootstrap, but when I tried to do the same in F7 I found that input is not autocompleted.

    on the form I added

    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
    

    In the form my field is

          <li>
            <div class="item-content">
              <div class="item-media"><i class="icon icon-form-place"></i></div>
              <div class="item-inner">
                <div class="item-title label">Lugar</div>
                <div class="item-input">
                  <input id="myplace" type="text" />
                </div>
              </div>
            </div>
          </li>
    

    on the javascript

    $$(document).on('pageInit', function (e) { var page = e.detail.page; // other pages initialization if (page.name === 'myform') { function placeChanged() { console.log('placeChanged'); } var input = $$('#myplace')[0]; var autocomplete = new google.maps.places.Autocomplete(input); google.maps.event.addListener(autocomplete, 'place_changed', placeChanged); }

    });

    First (I don't know why) my input included autocomplete="off" (google added) I am receiving the autocomplete info, but it's not filled in the input box.

    PD: I include some of your form icons in svg in case that you want to include in Framework 7

    i.icon.icon-form-name2 { width: 29px; height: 29px; background-image: url("data:image/svg+xml;charset=utf-8,"); }

    i.icon.icon-form-email2 { width: 29px; height: 29px; background-image: url('data:image/svg+xml;charset=utf-8,'); }

    i.icon.icon-form-tel2 { width: 29px; height: 29px; background-image: url('data:image/svg+xml;charset=utf-8,'); }

    i.icon.icon-form-calendar2 { width: 29px; height: 29px; background-image: url('data:image/svg+xml;charset=utf-8,'); }

    i.icon.icon-form-place { width: 29px; height: 29px; background-image: url('data:image/svg+xml;charset=utf-8,'); }

    Reviewed by CarlosJimenez at 2014-06-26 17:58
  • 5. An in-range update of rollup is breaking the build 🚨

    The devDependency rollup was updated from 1.14.2 to 1.14.3.

    🚨 View failing branch.

    This version is covered by your current version range and after updating it in your project the build failed.

    rollup is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

    Status Details
    • continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

    Release Notes for v1.14.3

    2019-06-06

    Bug Fixes

    • Generate correct external imports when importing from a directory that would be above the root of the current working directory (#2902)

    Pull Requests

    Commits

    The new version differs by 4 commits.

    See the full diff

    FAQ and help

    There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper Bot :palm_tree:

    Reviewed by greenkeeper[bot] at 2019-06-06 13:08
  • 6. Back Navigation issue with Query Params

    I have issue with Back navigation if I query params like this

    DetailArticle.html?id=45
    

    before, I navigate to : Catagory1.html -> Category 2.html -> DetailArticle.html?id=45

    When I hit Back (not browser Back button) on Detail, it goes to Catagory1 instead of Category 2

    Reviewed by teknosains at 2017-10-19 05:10
  • 7. extend f7-Side Panels to "panel-bottom" and "panel-top"

    This is a (multiple allowed):

    • [] bug
    • [ ] enhancement
    • [x] feature-discussion (RFC)

    Actually, the Side-Panels have "panel-left" and "panel-right". Please extend the side-panel:

    • enable "panel-top" (side-panel comes from top to bottom (for example, half of the screen)
    • enable "panel-bottom" (side-panel comes from bottom to top (for example, half of the screen)

    This would be great! Thanks!

    Reviewed by nimo23 at 2016-09-11 18:52
  • 8. Button freezing on MD

    This is a (multiple allowed):

    • [x] bug

    • [ ] enhancement

    • [ ] feature-discussion (RFC)

    • Framework7 Version: Framework7 2.2.5

    • Platform and Target: CORDOVA ANDROID.

    What you did

    Create left panel on app. Programming was not used, only the standard framework css. I used the panel of the template itself to create my model.

    <div class="panel panel-left panel-cover theme-dark"> <div class="view"> <div class="page"> <div class="navbar"> <div class="navbar-inner"> <div class="title">Menu</div> </div> </div> <div class="page-content"> <div class="block"> <div class="list"> <ul> <li> <a href="/minha_conta/" class="item-content item-link"> <div class="item-inner"> <div class="item-title">Questionário</div> </div> </a> </li> <li> <a href="/relatorios/" class="item-content item-link"> <div class="item-inner"> <div class="item-title">Relatórios PDT</div> </div> </a> </li> <li> <a href="/solicitacoes/" class="item-content item-link"> <div class="item-inner"> <div class="item-title">Solicitações ERGO</div> </div> </a> </li> <li> <a href="/minha_conta/" class="item-content item-link"> <div class="item-inner"> <div class="item-title">Minha Conta</div> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div>

    Expected Behavior

    Ripple animated buttons using the MD standard

    Actual Behavior

    Button ripple animation on panel is "freezing", not returning to the default state. Home buttom too.

    localhost_3000_ galaxy s5 localhost_3000_ galaxy s5 1 localhost_3000_ galaxy s5 2

    Reviewed by EriveltonMS at 2018-06-04 21:23
  • 9. Adding pull to refresh on panel

    I've successfully added pull-to-refresh to a panel, but when the panel is taller than the page, and the y position is less than 0, it's impossible to pull it back to 0. Instead, the pull-to-refresh wants to kick in before the scroll position is 0, and the only way to reset the panel is to quit the web app and reopen it.

    Maybe this isn't a use-case you'd considered, or maybe it's a Safari bug, but I'm documenting it here incase someone can duplicate.

    Reviewed by JJJ at 2014-09-02 03:40
  • 10. F7 with React without AJAX

    Hi, I'm trying to build a glorious combo of Meteor, React, Framework7. My only problem is combining Framework7 with React without using AJAX loaded pages. What I do is having a onClick listener on all links that have "data-page" attribute. On clicking I load some very simple page markup to a view:

    
        $$(document).on('click', 'a[data-page]', function(e) {
          var link = $$(e.target);
          if (!link.is('a[data-page]')) {
            link = link.parents('a[data-page]');
          }
    
          var page = link.attr('data-page'); 
          var view = link.attr('data-view');
          var container;
          if(view){
            if(view == 'leftView'){
              container = leftView;
            } else {
              container = mainView;
            }
          } else {
            container = mainView;
          }
          container.router.load({
              content: '<div class="page with-subnavbar" data-page="' + page + '"></div>'
            });
        }, true);
    

    Then on F7 pageInit event I hooked a React render functions that renders a React Class into the already loaded page markup.

    f7.onPageInit('*', function(page) {
          if(page){
            ReactDOM.render(Utils.pages.getPage(page.name), page.container);
          }
        });
    
    

    This approach works. However it has issues.There are many things happening in F7 app.router._load() function that can't apply to the not yet fully created DOM at the time of load() call (because React element renders after it). So, stuff like navbars is not handled correctly.

    Do you have any idea how could this be done in a better way? Any way to "reinitialize" the page after React renders? Thanks!

    Reviewed by mishoboss at 2015-11-06 10:12
  • 11. content of page flash when DOM manipulated

    With cordova on iPhone 6 and iPhone 6 plus, when you manipulate the DOM sometimes there is a flash where the content disappears for a split second.

    After some investigation, this is most likely caused by the many translate3d's that are used everywhere. This puts a lot of pressure on the GPU (mostly unnecessarily). This means the GPU must page memory, and when its in a reflow state, it must calculating the z-index with all the 3d transforms.

    I experimented with using different background colors to see what color the flash is. This showed that the page-content is disappearing for the split second while its calculating.

    This isn't an issue in the browser as computers have a lot more GPU memory.

    Has anyone else seen this?

    Reviewed by MarcGodard at 2015-02-03 16:39
  • 12. Create Dynamic PopUp Bug

    The Bug

    Dynamic Popup only shows modal overlay on both ios and android (REACT)

    we are generating a popup on the fly with className in stead of class

    To Reproduce

    const popup = useRef(null);
    
      const createPopup = () => {
        // Create popup
        if (!popup.current) {
          popup.current = f7.popup.create({
            content: `
              <div className="popup">
                <div className="page">
                  <div className="navbar">
                    <div className="navbar-bg"></div>
                    <div className="navbar-inner">
                      <div className="title">Dynamic Popup</div>
                      <div className="right"><a href="#" className="link popup-close">Close</a></div>
                    </div>
                  </div>
                  <div className="page-content">
                    <div className="block">
                      <p>This popup was created dynamically</p>
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus mauris leo, eu bibendum neque congue non. Ut leo mauris, eleifend eu commodo a, egestas ac urna. Maecenas in lacus faucibus, viverra ipsum pulvinar, molestie arcu. Etiam lacinia venenatis dignissim. Suspendisse non nisl semper tellus malesuada suscipit eu et eros. Nulla eu enim quis quam elementum vulputate. Mauris ornare consequat nunc viverra pellentesque. Aenean semper eu massa sit amet aliquam. Integer et neque sed libero mollis elementum at vitae ligula. Vestibulum pharetra sed libero sed porttitor. Suspendisse a faucibus lectus.</p>
                    </div>
                  </div>
                </div>
              </div>
            `.trim(),
          });
        }
        // Open it
        popup.current.open();
      };
    

    Expected behavior

    A dynamicall generated popup should show

    Actual Behavior

    Only a Popup overlay shows

    Reviewed by dovellous at 2022-08-13 01:32
  • 13. beforeEnter not trigger when routerable tab

    • Framework7 version: 7.0.6
    • Platform and Target: Any browser
    • Live Link or JSFiddle: https://jsfiddle.net/ro2nmzLk/6/

    Describe the bug

    When I use routable tabs, the beforeEnter guard isn't called.

    To Reproduce

    Steps to reproduce the behavior:

    1. Go to 'Routable Tabs'
    2. Click on 'Tab2'
    3. Not happened.

    Expected behavior

    Trigger beforeEnter and alert.

    Actual Behavior

    Not happened.

    Screenshots

    No

    Additional context

    No

    Reviewed by yoyo930021 at 2022-07-27 07:48
  • 14. chore(deps-dev): bump terser from 5.12.1 to 5.14.2

    Bumps terser from 5.12.1 to 5.14.2.

    Changelog

    Sourced from terser's changelog.

    v5.14.2

    • Security fix for RegExps that should not be evaluated (regexp DDOS)
    • Source maps improvements (#1211)
    • Performance improvements in long property access evaluation (#1213)

    v5.14.1

    • keep_numbers option added to TypeScript defs (#1208)
    • Fixed parsing of nested template strings (#1204)

    v5.14.0

    • Switched to @​jridgewell/source-map for sourcemap generation (#1190, #1181)
    • Fixed source maps with non-terminated segments (#1106)
    • Enabled typescript types to be imported from the package (#1194)
    • Extra DOM props have been added (#1191)
    • Delete the AST while generating code, as a means to save RAM

    v5.13.1

    • Removed self-assignments (varname=varname) (closes #1081)
    • Separated inlining code (for inlining things into references, or removing IIFEs)
    • Allow multiple identifiers with the same name in var destructuring (eg var { a, a } = x) (#1176)

    v5.13.0

    • All calls to eval() were removed (#1171, #1184)
    • source-map was updated to 0.8.0-beta.0 (#1164)
    • NavigatorUAData was added to domprops to avoid property mangling (#1166)
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-07-21 02:11
  • 15. chore(deps-dev): bump svelte from 3.47.0 to 3.49.0

    Bumps svelte from 3.47.0 to 3.49.0.

    Changelog

    Sourced from svelte's changelog.

    3.49.0

    • Improve performance of string escaping during SSR (#5701)
    • Add ComponentType and ComponentProps convenience types (#6770)
    • Add support for CSS @layer (#7504)
    • Export CompileOptions from svelte/compiler (#7658)
    • Fix DOM-less components not being properly destroyed (#7488)
    • Fix class: directive updates with <svelte:element> (#7521, #7571)
    • Harden attribute escaping during SSR (#7530)

    3.48.0

    • Allow creating cancelable custom events with createEventDispatcher (#4623)
    • Support {@const} tag in {#if} blocks #7241
    • Return the context object in setContext #7427
    • Allow comments inside {#each} blocks when using animate: (#3999)
    • Fix |local transitions in {#key} blocks (#5950)
    • Support svg namespace for {@html} (#7002, #7450)
    • Fix {@const} tag not working inside a component when there's no let: #7189
    • Remove extraneous leading newline inside <pre> and <textarea> (#7264)
    • Fix erroneous setting of textContent for \<template> elements (#7297)
    • Fix value of let: bindings not updating in certain cases (#7440)
    • Fix handling of void tags in <svelte:element> (#7449)
    • Fix handling of boolean attributes in <svelte:element> (#7478)
    • Add special style scoping handling of [open] selectors on <dialog> elements (#7495)
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-07-15 16:53
  • 16. JSFiddle template for submitting a Post is outdated (v4.1.0)

    The JSFiddle template link, https://jsfiddle.net/nolimits4web/o2ejupu1/ , given for posting issues uses Framework7 v4.1.0 yet the guidelines say: - If the issue is about Framework7 v1/v2/v3/v4 then it is more likely it will be closed because v1/v2/v3/v4 is not maintained anymore

    Any option this could be upgraded? Seems that posting an issue one is having with v7 using a v4 template would not be the best option.

    Reviewed by macsupport at 2022-07-05 21:16
  • 17. Nuxt3 starter

    Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] Hi @nolimits4web , I followed the nextjs starter example and created a starter for Nuxt3. Everything from the next starter seemed to work OK. https://github.com/shiftlabs1/nuxt3-framework7.git Please take a look and advice if i am on the right track.

    Describe the solution you'd like A clear and concise description of what you want to happen. https://github.com/shiftlabs1/nuxt3-framework7.git Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered. Not seen any alternatives so far Additional context Add any other context or screenshots about the feature request here.

    Reviewed by joshua1 at 2022-06-24 08:11
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

Aug 11, 2022
Vue Native is a framework to build cross platform native mobile apps using JavaScript

Vue Native Visit our website at vue-native.io or read the official documentation here. Build native mobile apps using Vue Vue Native is a framework to

Aug 16, 2022
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

Ionic Framework Ionic Framework is the open-source mobile app development framework that makes it easy to build top quality native and progressive web

Aug 14, 2022
Full featured Vue.js starter project for browser apps

Friendly-vue-starter Full featured Vue.js starter project for browser apps. Main focus: Developer experience Performance Future-proofness Features Vue

Jul 10, 2022
Libre Weather is an open source, privacy respecting, self hostable progressive web app. Can be downloaded for iOS and Android.

Libre Weather Libre Weather is an open source weather pwa(progressive web app). You can either use the publicly hosted instance on here or simply host

Jun 21, 2022
Assets portfolio available on native web, iOS, Android

Crypto exchange app Assets portfolio available on native web, iOS, Android http://cryptoexchanger.netlify.app/ Features Simulations of buying, selling

Jan 17, 2022
A fun matching game done with Quasar for PWA, Web, and Android/iOS
A fun matching game done with Quasar for PWA, Web, and Android/iOS

Complete matching game done with native support in mind. Built with Quasar and can be exported for Mobile, Web, PWA or Desktop.

Mar 30, 2022
Toolbox for building full-stack Vue.js apps
Toolbox for building full-stack Vue.js apps

Basys Basys is a toolbox for building Vue.js full-stack apps with a focus on great developer experience. An easy way to create full-stack Express-base

Jun 7, 2022
A Vue.js component for playing videos on HTML canvas. Useful for achieving autoplay videos in iOS and Safari.

vue-canvasvideo A Vue.js component for playing videos on HTML canvas. Useful for achieving autoplay videos in iOS and Safari. Overview Installation np

Jul 7, 2022
Vue.js starter with full-featured Webpack and Buefy

Vue Webpack Buefy Vue.js starter with full-featured Webpack and Buefy Alternative to people who have problem when they project adding native Bulma. Se

Oct 2, 2021
The most beautiful and full featured file upload component for Vue JS
The most beautiful and full featured file upload component for Vue JS

?? V2 is in the making...! Vue File Agent Every file deserves to be treated equally High performant Vue file upload component with elegant and disting

Aug 14, 2022
@Django integrated with a full-featured @Webpack + (@vuejs / vue-loader) setup with hot reload, linting, testing & css extraction.
@Django integrated with a full-featured @Webpack + (@vuejs / vue-loader) setup with hot reload, linting, testing & css extraction.

vue-django-webpack-boilerplate @NdagiStanley has mirrored the fork to have this repo here. This starterpack has proved useful to many and I thank you

Jul 30, 2022
A full-featured Vue.js 2 boilerplate using AMD pattern (Require.js) and Typescript

vue-ts-amd A full-featured Vue.js 2 boilerplate using AMD pattern and Typescript This boilerplate was built from scratch, with the help of the Vue.js

May 11, 2022
A full-featured gesture directive designed for Vue

v-touch A full-featured gesture component designed for Vue This module is still working in progress right now, so it is just for placeholder.

Jul 3, 2021
💻 A full-featured Vuejs + Vuetify + Great structure project template + API Ready
💻 A full-featured Vuejs + Vuetify + Great structure project template + API Ready

A great way to structure and bootstrap VueJS + Vuetify + API projects

Jul 26, 2022
Full featured, responsive, lightweight calendar in the browser.

Full featured, responsive, lightweight calendar in the browser.

Jul 31, 2022
Full-featured gettext support for Vue.js.

vue-i18n-gettext NOTE: Plugin nearly ready for first version; Documentation is in progress. Full-featured gettext support for Vue.js. ?? Documentation

Jan 25, 2022
The most beautiful and full featured file upload component for Vue JS
The most beautiful and full featured file upload component for Vue JS

High performant Vue file upload component with elegant and distinguishable previews for every file type and support for drag and drop, validations, default uploader with progress support and externally customizable in the "vue way"

Nov 11, 2021
Jun 12, 2022
React, React Native and Vue UI components for building data-driven apps with Elasticsearch
React, React Native and Vue UI components for building data-driven apps with Elasticsearch

Reactive Search UI components library for Elasticsearch: Available for React, Vue and React Native Read how to build an e-commerce search UI a.) with

Aug 16, 2022