Open Source Build Tools

Tauri is an open-source framework for building lightweight and high-performance desktop and mobile applications using web technologies. It allows developers to create user interfaces with HTML, CSS, and JavaScript while using Rust for the backend logic. By leveraging the operating system’s native WebView instead of bundling a full browser, Tauri produces significantly smaller and more efficient application binaries. The framework supports multiple front-end frameworks such as React, Vue, Svelte, and others that compile to web technologies. Tauri provides a secure bridge between the frontend and the Rust backend, enabling native functionality while maintaining strong security practices. With cross-platform support, developers can build applications that run on Windows, macOS, Linux, Android, and iOS.

An app platform for building Android and iOS apps with .NET and C#. .NET is a developer platform made up of tools, programming languages, and libraries for building many different types of applications. Xamarin extends the .NET developer platform with tools and libraries specifically for building apps for Android, iOS, tvOS, watchOS, macOS, and Windows. Learn about all Xamarin has to offer with our tutorials, videos courses, and documentation. Get started in 5 minutes with pre-packaged libraries and developer productivity tools! Businesses worldwide, spanning all industries, use Xamarin and .NET to build performant native mobile apps. See mobile apps that other developers have created using Xamarin, .NET, and Visual Studio. Xamarin apps are native apps! Whether you're designing a uniform UI across platforms or building a native user interface, your apps will behave the way users expect.

React Native Navigation is a module, dependent on and intended to be used alongside React Native, so some experience with it and knowledge of core concepts is required. We also assume you are working on a Mac with XCode and Android Studio installed and setup. You can also make it work in a Linux distribution, of course, but in that case bear in mind that some sections of the docs that deal with iOS might not be relevant to you. When your app is launched for the first time, the bundle is parsed and executed. At this point you need to display your UI. To do so, listen to the appLaunched event and call Navigation.setRoot when that event is received. When your app is launched, RN makes sure JS context (which is what enables you to execute JavaScript code) is running. There are quite a few differences between iOS and Android in this regard.

A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior. Build for one platform or for all. Everything you need is here. Build your own apps using the same open source components we do, with accessibility, internationalization, and performance included. From tutorials to a fun collection of API references, find what you need to design and develop your own Fluent experience. From Word and Excel to PowerBI and Teams, many Microsoft apps utilize Fluent UI functionality. Fluent UI's robust, up-to-date web controls are built with the React framework. Look through the control list to see the building blocks that are available using Fluent UI React. Fluent UI React is the official open-source React front-end framework designed to build experiences that fit seamlessly into a broad range of Microsoft products.

Internationalized and accessible components for everyone. Well tested to ensure performance and reliability. Straightforward APIs with consistent cross platform behaviour. Provide tools that help developers build their own custom components with common interaction patterns. Customizable within the bounds of the Material Design specification. Built by the Angular team to integrate seamlessly with Angular. Start from scratch or drop into your existing applications. In Angular Material, you create a color configuration by composing multiple palettes. Angular Material theme styles are generated statically at build-time so that your app doesn't have to spend cycles generating theme styles when bootstrapping.

Effortlessly build high-performance & high-quality Vue.js 3 user interfaces in record time. Combine the power of Quasar UI with Quasar CLI. One source code for all platforms simultaneously with all the latest and greatest best practices out of the box. Focus only on your app's features and forget about the boilerplate around it. Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase! You get a state-of-the-art UI (that follows Material Guidelines) for your websites and apps out of the box. Best support for desktop and mobile browsers (including iOS Safari!) out of the box. Best-in-class support for each build mode (SPA, SSR, PWA, Mobile app, Desktop app & Browser Extension) and the best developer experience through a tight integration with our own CLI.

Ratchet is designed to respond to touch events from a mobile device. Enable touch event emulation in Chrome (found in the overrides tab in the web inspector preferences). Use a JavaScript library like fingerblast.js to emulate touch events (ideally only loaded from desktop devices). Ratchet is downloadable in two forms, within which you'll find directories and files, logically grouping common resources and providing both compiled and minified variations. The most basic form of Ratchet is the grouping of the precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (ratchet.*), as well as compiled and minified CSS and JS (ratchet.min.*). The Ratchicon fonts are included, as are the Android and iOS platform themes. The Ratchet source code download includes the precompiled CSS, JavaScript, and font assets. Provides design patterns that serve as basic building blocks.

ReactXP builds on the popular React JS and React Native frameworks. Share most of your code between the web, iOS, Android, and Windows. Create great-looking, responsive web pages and mobile apps that feel native. With React and React Native, your web app can share most its logic with your iOS and Android apps, but the view layer needs to be implemented separately for each platform. We have taken this a step further and developed a thin cross-platform layer we call ReactXP. If you write your app to this abstraction, you can share your view definitions, styles and animations across multiple target platforms. Of course, you can still provide platform-specific UI variants, but this can be done selectively where desired. ReactXP is designed with cross-platform development in mind. In general, it exposes APIs, components, props, styles and animation parameters that are implemented in a consistent way across React JS (HTML) and React Native for iOS and Android.