framework7

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.

Getting Started

• Getting Started Guide
• Installation Guide
• App Layout
• Initialize App

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/

Changelog

[7.0.0] (2022-04-15)

Bug Fixes

• svelte: reuse original Framework7 instance (feda228), closes #3993 #3992
• core: fix component types (249f54c), closes #3997
• preloaded: set initial position to 0 for iOS preloader (#4002) (76e8ef0)
• react: fix Actions and Range types (5c3087c), closes #3997
• use file extensions in all imports (f85d52f)
• vue: fix missing imports extensions (3692e28)
• calendar: don't close sheet calendar on picker popover click (f562972)
• calendar: fix invisible calendar popover on iOS (f10e7e5)

Features

• virtual-list: support virtual items auto height (c62d15d)

• view: new initRouterOnTabShow parameter to load view router only on tab show (0a67569)

• calendar: month picker as popover (c1cb89f)

• calendar: tweak design + time picker as popover (d2cf190)

• calendar: year picker as popover (1e90d9a)

• core: new breadcrumbs component (acf187c)

• modals: support unique backdrop for Popup, Sheet, Actions and Popover (df514dc)

• picker: reworked with native CSS Scroll Snap API (b6c4691)

• popover: allow popovers to be stacked (3485834), closes #3959

• react: new breadcrumbs component (49e8f35)

• router: browserHistoryTabs parameter to define how to handle routable tabs in history (push or replace) (e957101)

• svelte: new breadcrumbs component (aa74c25)

• vue: new breadcrumbs component (b63676d)

• use .lazy prefix for browser loaded JS lazy components (d419269)

• update Swiper to latest v8 (1ae7f90)

• update Swiper and Skeleton Elements to latest (947529e)

• use new dark classes in Kitchen Sink (f61cace)

• core: rename "theme-dark" class for dark mode to "dark" (8144a59)

• core: rename dark mode params, props, events and methods (e283e8b)

• react: rename components themeDark prop to dark (0dd8967)

• react: support open-in functionality with react components router (8894a77)

• router: move open-in functionality to component router (7877e59)

• svelte: rename components themeDark prop to dark (f75b582)

• svelte: support open-in functionality with svelte components router (e03477e)

• vue: rename App's prop autoDarkTheme to autoDarkMode (0be0730)

• vue: rename components themeDark prop to dark (1b857bf)

• vue: support open-in functionality with vue components route (6610feb)

• framework7-core: move to pure ES module package (3549b76)

• framework7-react: move to pure ES module package (6abf98a)

• framework7-svelte: move to pure ES module package and keep only .svelte components (74b8e4d)

• framework7-vue: move to pure ES module package (e9adee6)

• increase build target to more modern browsers (5efd721)

• photo-browser: enables cssMode by default for iOS and Android devices (d6cb8e3)