React Templates & Themes Logo React Templates & Themes
Framework7 screenshot

Framework7

Author Avatar Theme by Framework7io
Updated: 7 May 2025
18373 Stars

Full featured HTML framework for building iOS & Android apps

Github Live Preview

Categories

Svelte Vite Vue Less

Overview:

Framework7 is an MIT-licensed open source project that is supported by backers. It offers a range of features and functionalities for web development using Core, Vue, React, and Svelte packages. The project emphasizes the importance of community support, making it possible to continue development.

Features:

  • Development Builds: Easily create development versions of all packages like Core, Vue, React, and Svelte.
  • Production Builds: Build production-ready versions of the packages.
  • Kitchen Sink: Run a development environment with Kitchen Sink to showcase different packages.
  • Source Code: All source code is located under the /src/ folder.
  • Contributing: Guidelines for contributing to the project and suggestions for maintaining coding standards.
  • Forum: Access a special forum at https://forum.framework7.io/ for discussions and assistance.
  • Documentation: Detailed documentation available at https://framework7.io/docs/.
  • Tutorials: Find tutorials at https://framework7.io/tutorials/ to aid in learning and implementation.
  • Showcase: Explore app store apps created with Framework7 at https://framework7.io/showcase/.

Installation:

To install Framework7 and its dependencies, follow these steps:

  1. First, install all dependencies:
npm install
  1. For development builds, use the following npm scripts:
npm run build:dev
npm run build-core:dev
npm run build-react:dev
npm run build-vue:dev
npm run build-svelte:dev
  1. For production builds:
npm run build:prod
npm run build-core:prod
npm run build-react:prod
npm run build-vue:prod
npm run build-svelte:prod
  1. To run Kitchen Sink for a specific package:
npm run core
npm run react
npm run vue
npm run svelte
  1. Make sure to commit all changes to src/ files only. The project uses LESS for CSS compilation and ES modules for JS files.

Summary:

Framework7 is an open-source project with a strong community backing and offers a comprehensive set of features for web development. With detailed documentation, tutorials, and a showcase of apps built using Framework7, it provides a robust environment for creating web applications effectively. The project also encourages contributions and provides forums for discussions and support.