# driftyco/ionic

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/driftyco-ionic).**

52,514 stars · 13,358 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/driftyco/ionic
- Homepage: https://ionicframework.com
- awesome-repositories: https://awesome-repositories.com/repository/driftyco-ionic.md

## Description

Ionic is a cross-platform mobile UI toolkit and hybrid app development framework. It provides a library of web components for building native-quality iOS, Android, and Progressive Web Apps using HTML, CSS, and JavaScript from a single codebase.

The project utilizes a web component UI library to ensure consistent mobile interface behaviors. It employs a framework-agnostic wrapper to integrate these custom elements with JavaScript libraries such as React, Vue, and Angular.

The toolkit covers hybrid mobile UI design and cross-platform app development. It includes an adaptive styling system that automatically adjusts layouts based on the host operating system and a platform-specific component mapping system to swap visual representations between iOS and Android styles.

## Tags

### Web Development

- [Cross-Platform Development](https://awesome-repositories.com/f/web-development/cross-platform-development.md) — Enables the creation of native-quality mobile and web applications from a single codebase using web technologies. ([source](https://github.com/driftyco/ionic#readme))
- [Cross-Platform Development Frameworks](https://awesome-repositories.com/f/web-development/cross-platform-development-frameworks.md) — Provides a framework for building native-quality iOS, Android, and web applications from a single codebase.
- [Framework UI Wrappers](https://awesome-repositories.com/f/web-development/framework-ui-wrappers.md) — Provides integration layers that wrap web components for use within React, Vue, and Angular frameworks.
- [Hybrid Mobile Frameworks](https://awesome-repositories.com/f/web-development/hybrid-mobile-frameworks.md) — Provides a framework for developing cross-platform mobile applications using a single set of web technologies.
- [Web Components](https://awesome-repositories.com/f/web-development/web-components.md) — Uses standardized custom elements to encapsulate styles and behavior for consistent rendering across frameworks.
- [Web Framework Integrations](https://awesome-repositories.com/f/web-development/web-framework-integrations.md) — Connects custom web components to various JavaScript libraries and frameworks to ensure consistent behavior. ([source](https://github.com/driftyco/ionic#readme))
- [Platform Component Mapping](https://awesome-repositories.com/f/web-development/cross-platform-styling/platform-specific-styling/platform-component-mapping.md) — Automatically swaps visual representations of elements between iOS and Android styles while maintaining the same underlying logic.
- [Progressive Web Apps](https://awesome-repositories.com/f/web-development/progressive-web-apps.md) — Supports the development of web applications that provide native-like experiences and installation through the browser.
- [Web-Native Integration Bridges](https://awesome-repositories.com/f/web-development/web-native-integration-bridges.md) — Wraps web applications in native containers with a JavaScript bridge for hardware access.

### User Interface & Experience

- [Cross-Platform UI Toolkits](https://awesome-repositories.com/f/user-interface-experience/cross-platform-ui-toolkits.md) — Offers a comprehensive library of web components for building native-quality interfaces across iOS, Android, and the web.
- [Native Mobile Design Systems](https://awesome-repositories.com/f/user-interface-experience/interface-consistency-utilities/native-mobile-design-systems.md) — Provides a system for designing adaptive native mobile interfaces that maintain consistency across different device types.
- [Web-Based Native UI](https://awesome-repositories.com/f/user-interface-experience/native-ui-component-libraries/web-based-native-ui.md) — Ships a library of custom elements that render native-like interface components within a web browser environment.
- [CSS Variable Theming](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming.md) — Implements a theming system that maps design tokens to native CSS variables for real-time visual updates.
- [Adaptive Styling](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/adaptive-styling.md) — Provides a styling system that automatically adjusts layouts and CSS variables based on the detected host operating system.

### Part of an Awesome List

- [Application Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/application-frameworks.md) — Platform for building native and web apps with Angular.
- [Core Framework](https://awesome-repositories.com/f/awesome-lists/devtools/core-framework.md) — The main open-source front-end SDK for hybrid mobile applications.
- [Mobile Development](https://awesome-repositories.com/f/awesome-lists/media/mobile-development.md) — Official Ionic framework support.