---
name: ionic-framework
summary: "Ionic Framework is a cross-platform UI toolkit built on Web Components for building native-quality mobile apps and Progressive Web Apps from a single codebase. It ships a large library of pre-styled, accessible UI components with first-class bindings for Angular, React, and Vue."
language: TypeScript
license: MIT
repo: https://github.com/ionic-team/ionic-framework
source: https://opensources.dev/resource/ionic-framework
health: 100
---

# ionic-framework

Ionic Framework is a cross-platform UI toolkit built on Web Components for building native-quality mobile apps and Progressive Web Apps from a single codebase. It ships a large library of pre-styled, accessible UI components with first-class bindings for Angular, React, and Vue.

## What is Ionic Framework?

Ionic Framework is an open source app development toolkit for building modern, fast, top-quality cross-platform native and Progressive Web Apps from a single codebase with JavaScript and the Web.

It is based on Web Components, which enables significant performance, usability, and feature improvements alongside support for popular web frameworks like Angular, React, and Vue.

## Guides

GuideDescription[Contributing](./CONTRIBUTING.md)How to contribute including creating pull requests, commit message guidelines, and more.[Component Guide](./component-guide.md)Guidelines for implementing component states, accessibility, and more.[Sass Guidelines](./sass-guidelines.md)Outlines scenarios where Sass members and comments should be used.[CSS Shadow Parts Guidelines](./shadow-parts-guidelines.md)Guidelines for CSS shadow parts in components.

## Packages

ProjectPackageDocumentationGuides**Core**[`@ionic/core`](https://www.npmjs.com/package/@ionic/core)[Readme](core/README.md)[Testing](core/testing/README.md)**Angular**[`@ionic/angular`](https://www.npmjs.com/package/@ionic/angular)[Readme](angular/README.md)[Testing](angular/testing.md)**React**[`@ionic/react`](https://www.npmjs.com/package/@ionic/react)[Readme](react/README.md)[Testing](react/testing.md)**React Router**[`@ionic/react-router`](https://www.npmjs.com/package/@ionic/react-router)[Readme](react-router/README.md)[Testing](react-router/testing.md)**Vue**[`@ionic/vue`](https://www.npmjs.com/package/@ionic/vue)[Readme](vue/README.md)[Testing](vue/testing.md)**Vue Router**[`@ionic/vue-router`](https://www.npmjs.com/package/@ionic/vue-router)[Readme](vue-router/README.md)[Testing](vue-router/testing.md)