<h2>Overview</h2>
The NativeScript Angular integration is a powerful tool for developers looking to create mobile applications using Angular. By streamlining the setup process and providing essential features tailored for Angular projects, it enhances productivity and simplifies development workflows. Whether you're building native iOS or Android applications, this framework serves as a solid foundation for efficient and effective app development.
<h2>Features</h2>
<ul>
<li>
Clean and Setup Workspace: The integration enables a straightforward setup process, allowing developers to establish a clean workspace with minimal effort.
</li>
<li>
Build Packages: Effortlessly compile and manage packages for your application, ensuring everything is optimized for performance and functionality.
</li>
<li>
Run Demo: Quickly launch a demonstration of your application to showcase features and functionality during the development phase.
</li>
<li>
Clean/Reset Demo Dependencies: Easily manage and reset demo dependencies, which helps in maintaining a tidy and organized project environment.
</li>
<li>
Unit Tests for iOS and Android: Built-in support for unit testing across platforms, ensuring that your application remains robust and bug-free throughout the development lifecycle.
</li>
</ul>
With these features, the NativeScript Angular integration is a valuable asset for any developer looking to leverage their Angular skills in mobile application development.

<h2>Overview</h2>
NativeScript provides developers with a powerful framework for creating cross-platform mobile applications using JavaScript, TypeScript, Angular, or Vue.js. The documentation for NativeScript is an essential resource for anyone looking to dive into the world of mobile app development with this versatile toolkit. With a strong emphasis on community contributions and open-source spirit, the documentation encourages collaboration, offering various avenues for developers to get involved and enhance the overall experience.
This guide outlines how to navigate the documentation, contribute to it, and the underlying technology used to build these resources. From local setup to in-depth features for integrating with various frameworks, NativeScript's documentation is a hub for both novice and experienced developers.
<h2>Features</h2>
<ul>
<li>
Open-Source Contributions: The NativeScript documentation invites anyone to contribute, whether by correcting typos or writing full articles. There's a supportive community to help new contributors get started.
</li>
<li>
Multiple Code Repositories: Contributions aren't limited to documentation; developers can also engage with several other repositories including nativescript-cli, nativescript-angular, and nativescript-vue for a variety of functionalities.
</li>
<li>
Built with Jekyll: The documentation is constructed using Jekyll, providing a structured and flexible environment that allows contributors to control templates and project layouts easily.
</li>
<li>
Configuration for Different Environments: The documentation caters to both vanilla NativeScript and Angular-specific topics, letting you choose the relevant environment when accessing content.
</li>
<li>
Branching for Contributions: Contributors are encouraged to create branches from the master, which streamlines the pull request process, making it easier to manage updates and changes.
</li>
<li>
Community Support: Join the dedicated Slack community to connect with other developers, ask questions, and get guidance on contributing to NativeScript projects.
</li>
<li>
Help Wanted Issues: New contributors can check out the list of issues labeled "help wanted" to find tasks that are suited for beginners.
</li>
<li>
Cross-Platform Capabilities: NativeScript documentation covers important aspects of creating applications for both iOS and Android, ensuring a comprehensive understanding of cross-platform development.
</li>
</ul>

<h2>Overview</h2>
NativeScript Angular is an impressive integration of the popular NativeScript framework with Angular, designed for developers looking to create robust native mobile applications for both Android and iOS. This synergy allows for leveraging the extensive capabilities of Angular while writing applications that maintain the performance standards expected from native code. With a close collaboration with Google's developers, this framework presents a familiar environment for those already experienced with Angular for web development.
This repository focuses on versions up to Angular 11, making it a great option for those still utilizing earlier versions. It empowers developers to build mobile applications with similar codebases, simplifying the development process and enhancing productivity. The availability of numerous templates and examples serves as a helpful guide for users at various experience levels.
<h2>Features</h2>
<ul>
<li>
Cross-platform Development: Build applications for both iOS and Android using a single codebase, promoting efficiency and consistency across platforms.
</li>
<li>
Native Performance: Enjoy the benefits of truly native performance, ensuring applications run smoothly while retaining the look and feel of native apps.
</li>
<li>
Familiar Framework: Utilize Angular for mobile app development, allowing developers to apply their existing knowledge and skills in a web environment.
</li>
<li>
Rich Set of Samples: Access multiple starter applications and templates, such as master-detail and drawer navigation templates, that speed up the development process.
</li>
<li>
Community Support: Benefit from the vibrant NativeScript community, where developers can seek help and guidelines through forums and discussion channels.
</li>
<li>
Contribution-Friendly: The project encourages contributions, making it easy for developers to get involved and improve the framework by addressing issues or enhancing features.
</li>
<li>
Active Development: Regular updates and ongoing support ensure that the framework remains up-to-date and capable of meeting developers' needs as technology evolves.
</li>
</ul>

<h2>Overview</h2>
The NativeScript App Templates are designed to help developers quickly create native cross-platform apps with pre-built UI elements and best practices. By using these templates, developers can save time by avoiding the need to write repetitive boilerplate code when starting new apps. The monorepo for these templates includes a variety of options for different app types and frameworks, such as Hello World, Blank, Drawer Navigation, Tab Navigation, Master Detail with Firebase, and Master Detail with Kinvey. The NativeScript community offers support through its Discord channel, where developers can troubleshoot problems and connect with fellow NativeScript developers. Contributions to the templates are welcome, and new ideas and changes can be proposed through pull requests.
<h2>Features</h2>
<ul>
<li>Built-in UI elements: The templates provide pre-built UI elements that developers can use in their apps, saving time on designing and creating these elements from scratch.</li>
<li>Best practices: The templates follow best practices for native cross-platform app development, ensuring that developers start with a solid foundation for their projects.</li>
<li>Variety of app types: The monorepo includes templates for different app types, such as Hello World, Blank, Drawer Navigation, and Tab Navigation, catering to a range of development needs.</li>
<li>Framework compatibility: The templates support various frameworks, including JavaScript, TypeScript, Angular, Vue, React, and Svelte, allowing developers to choose the framework that best suits their preferences and requirements.</li>
</ul>
<h2>Summary</h2>
The NativeScript App Templates are a collection of pre-built app templates that enable developers to quickly create native cross-platform apps. With built-in UI elements and adherence to best practices, these templates offer a time-saving solution for starting new app projects. Supporting various app types and frameworks, the templates provide flexibility and options for developers. The NativeScript community's Discord channel offers a valuable resource for troubleshooting and connecting with other developers. Contributions to the templates are welcome, ensuring continuous improvement and integration of new ideas. By following the installation guide, developers can easily set up and utilize these templates for their app development needs.

<h2>Overview</h2>
NativeScript Schematics provides a great way to streamline the development of NativeScript Angular applications using the Angular CLI. With this tool, developers can easily generate components, modules, and other essential building blocks for their applications. It simplifies the process of setting up projects, ensuring that everything from styles to themes is configured properly right from the start. Whether you are initiating a new project or migrating an existing one, NativeScript Schematics enhances productivity and efficiency.
Setting up NativeScript Schematics is easy, and once you have the Angular CLI installed, you can create a new NativeScript Angular project effortlessly. This tool not only saves time but also provides a standardized structure for your apps, allowing for consistency across various development teams.
<h2>Features</h2>
<ul>
<li>
Easy Project Generation: Quickly create a new NativeScript Angular project using <code>ng new</code> with @nativescript/schematics to streamline your setup.
</li>
<li>
Customizable Options: Specify settings like prefix, theme, and style during the project creation to tailor your application to your needs.
</li>
<li>
Ready for Webpack: Generate applications that are pre-configured for building with Webpack, reducing setup time and complexity.
</li>
<li>
Component and Module Generation: Utilize the <code>ng generate</code> command to create components, modules, directives, and other essential elements seamlessly.
</li>
<li>
Migration Tools: Easily migrate web components to shared components using specific commands, helping you transition your project without hassle.
</li>
<li>
Global Schematics Installation: Install schematics globally for straightforward usage across your NativeScript project directory.
</li>
<li>
Enhanced CLI Capabilities: Take advantage of overwritten generators tailored to suit the unique requirements of NativeScript Angular applications.
</li>
<li>
Comprehensive Documentation: Access thorough documentation that guides you through the installation, usage, and advanced features of NativeScript Schematics.
</li>
</ul>

<h2>Overview</h2>
The NativeScript Code Samples repository is an invaluable resource for developers looking to enhance their skills with NativeScript. Packed with a variety of code examples, this companion application serves not only as a learning tool but also as a practical playground. Whether you are a seasoned developer or just starting out, the ability to explore and modify these samples can significantly speed up your learning curve and help you implement more complex features in your own applications.
This collection not only allows you to dive deep into the source code but encourages collaboration within the developer community. Contributors are welcome to share their own samples, making it a dynamic resource that continually evolves to meet the needs of developers. With automated tests ensuring reliability, users can explore and implement these samples with confidence.
<h2>Features</h2>
<ul>
<li>
Comprehensive Code Examples: Access a wide range of NativeScript applications to learn from practical implementations.
</li>
<li>
Community Collaboration: The platform is open for contributions, enabling developers to share useful samples and enhance the resource for everyone.
</li>
<li>
Automated Testing: Each sample includes automated tests that verify compatibility with the latest NativeScript version, ensuring reliability.
</li>
<li>
Angular-Based Architecture: The current code samples utilize Angular, a popular framework, making it easier for Angular developers to get started with NativeScript.
</li>
<li>
Modification Friendly: Users can modify existing examples to better fit their app needs, allowing for hands-on experimentation and learning.
</li>
<li>
Guidance for New Contributors: A well-defined contribution guide helps new members understand how to get involved and share their own samples.
</li>
<li>
Issue Tracking: If a specific sample is missing, users can open issues for community assistance, fostering a supportive learning environment.
</li>
<li>
Focus on APIs and Scenarios: Initially centered around specific APIs, there are plans to introduce more complete scenarios, providing context and application for the code.
</li>
</ul>

<h2>Overview</h2>
NativeScript is a platform that allows developers to access native APIs from JavaScript directly. It provides runtime support for iOS, Android, and visionOS, enabling developers to create rich mobile applications for a variety of use cases. NativeScript is an open-source project with an active community that contributes to its development and improvement.
<h2>Features</h2>
<ul>
<li>Access to Native APIs: NativeScript allows developers to access native APIs from JavaScript, providing the ability to leverage platform-specific functionalities.</li>
<li>Cross-platform Development: With support for iOS, Android, and visionOS runtimes, NativeScript enables developers to create applications that can run on multiple platforms.</li>
<li>Active Community: NativeScript has a vibrant community of developers who contribute to its development, provide support, and share resources.</li>
<li>Modular Architecture: NativeScript consists of various modules, such as the iOS and Android runtimes, CLI, documentation, and plugins, that work together to provide a comprehensive development ecosystem.</li>
</ul>
<h2>Summary</h2>
NativeScript is a powerful framework that allows developers to create cross-platform mobile applications using JavaScript and accessing native APIs. Its key features include native API access, cross-platform development support, an active community, and a modular architecture. By following the installation guide and utilizing the available resources, developers can leverage NativeScript to build high-quality mobile applications for various platforms.

<h2>Overview</h2>
The integration of Tailwind CSS with NativeScript has been made significantly more efficient, particularly with the release of Tailwind CSS v4. If you're working with NativeScript, this update not only ensures compatibility but also enhances the way you can style your applications. The latest version simplifies many processes that were previously cumbersome in v3, making this a great moment for developers to consider upgrading and taking advantage of the new features.
Tailwind CSS itself is a popular framework known for its utility-first approach that allows for rapid development of responsive user interfaces. With improvements in NativeScript's compatibility, developers can now leverage these benefits while building mobile applications, resulting in a smoother workflow and improved performance.
<h2>Features</h2>
<ul>
<li>Compatibility with Latest Versions: Requires @nativescript/core@8.2.0 for proper color handling, ensuring accurate representation of colors using RGB/A notation.</li>
<li>Simplified Setup for Tailwind CSS v4: The installation and configuration process for Tailwind CSS v4 is notably easier compared to v3, allowing for quicker project setup.</li>
<li>Automatic PostCSS Handling: For Tailwind CSS v4, the setup is handled automatically without the need for manual PostCSS configuration, saving time and effort.</li>
<li>Legacy Support: Detailed documentation for legacy setups on older @nativescript/webpack versions ensures that existing projects can transition smoothly.</li>
<li>Custom Configuration Options: Provides options for advanced configurations, like custom PostCSS and Tailwind configurations, catering to specific project needs.</li>
<li>Utility-first Design Approach: Tailwind CSS encourages a utility-first approach that promotes reusability and swift development cycles, which is particularly beneficial in mobile app design.</li>
<li>Robust Community Support: Tailwind CSS boasts a strong community, making it easier to find support, tutorials, and resources to aid in development.</li>
</ul>

<h2>Overview</h2>
The NativeScript workspace presents an impressive collection of plugins designed for cross-platform mobile application development. With support for Flutter, Ionic, Jetpack Compose, and more, this environment streamlines the creation of versatile mobile applications. For developers working with UI elements, this suite not only simplifies integration but also enhances the development experience by providing dedicated tools and a comprehensive setup.
Navigating through this workspace fosters a clear focus on development and testing. The intuitive commands allow developers to focus on individual plugins or integrate new features effortlessly. This system is not just about convenience; it's a robust tool for innovative development that meets the demands of modern app-building practices.
<h2>Features</h2>
<ul>
<li>Plugin Management: Easily manage a suite of plugins like Flutter, Ionic, and Jetpack Compose in one cohesive workspace for streamlined development.</li>
<li>Customizable Testing: Ensure thorough testing with dedicated support for SwiftUI and other frameworks, making it easy to isolate and focus on specific plugins.</li>
<li>New Package Integration: Quickly add new packages to the workspace with auto-generated boilerplate code and demo flavors for immediate deployment.</li>
<li>Angular Compatibility: Simplify package development for Angular by automatically setting up necessary folders and structures to support Angular integration.</li>
<li>Focus Commands: Enhance productivity by isolating specific packages for development, ensuring that editing, testing, and debugging remain unobstructed.</li>
<li>Version Control: Automate the publishing process with prompts for package names and versions, allowing for effortless updates and releases.</li>
<li>Interactive Display: Stay organized with an updated npm start interactive interface that tracks changes and supports seamless workflow transitions.</li>
</ul>

<h2>Overview</h2>
Developing apps for Vision Pro using NativeScript opens up a world of possibilities for creating immersive experiences. With the integration of popular frameworks like Angular, React, and Vue, developers can utilize shared SwiftUI files to streamline the app-building process. This innovative setup not only enhances productivity but also provides a rich environment for harnessing the full potential of visionOS.
The setup requires a few prerequisites, including an updated version of Node and Yarn, making it accessible for developers who are already familiar with these tools. By following the guidelines and prerequisites, developers can dive into the captivating realm of augmented reality and build unique applications that respond to the needs of tomorrow.
<h2>Features</h2>
<ul>
<li>
Multi-Framework Support: Leverage Angular, React, Solid, Svelte, TypeScript, and Vue within a single workspace, making it easier to collaborate and share resources.
</li>
<li>
SwiftUI Integration: Each app shares the same SwiftUI files, ensuring consistency and facilitating the development process across various frameworks.
</li>
<li>
Yarn Workspaces: The use of Yarn workspaces optimizes dependency management, allowing shared resources and reducing duplication across applications.
</li>
<li>
Nx Workspace Setup: This project combines Nx features to streamline the development workflow, enabling better organization and efficiency in managing multiple apps.
</li>
<li>
Real-time 3D Assets: The inclusion of 3D and Reality Composer Pro assets from the Apple tutorial provides a foundation for building engaging and interactive visionOS apps.
</li>
<li>
Configurable Resources: Each app's configuration allows customization of app-specific resources via the <code>nativescript.config.ts</code>, enabling flexibility in development.
</li>
<li>
Developer-Friendly Environment: With clear prerequisites and setup instructions, developers can quickly get started, making this a suitable choice for both beginners and experienced programmers.
</li>
</ul>

<h2>Overview</h2>
The latest advancements in Vue development have made it possible for developers to create applications that run seamlessly across multiple platforms, including Web, iOS, Android, and the cutting-edge Vision Pro. This versatility allows for a unified development experience, enabling creators to leverage their skills and knowledge across various environments. Excitingly, with the advent of NativeScript's vision tagged CLI, building, running, and testing apps has never been more accessible.
<h2>Features</h2>
<ul>
<li>Cross-Platform Capability: Develop applications that function on Web, iOS, Android, and Vision Pro all from a single codebase.</li>
<li>NativeScript Environment Setup: Straightforward setup instructions facilitate a smooth transition to a cross-platform development workflow.</li>
<li>Vision Tagged CLI: Easily install and utilize the vision tagged CLI with a simple npm command, ensuring you have the latest tools at your disposal.</li>
<li>Xcode 15.2 Compatibility: Support for the Vision Pro Simulator requires Xcode 15.2, ensuring that you can accurately test your applications in a robust environment.</li>
<li>Enhanced Development Efficiency: Streamlined processes help developers save time and focus on creating engaging user experiences without repetitive setup tasks.</li>
<li>Community Support: Tapping into the rich NativeScript community offers resources and guidance to address any development challenges you may encounter.</li>
</ul>

Nativescript

Angular

Docs V7

Nativescript Angular

Nativescript App Templates

Nativescript Schematics

Nativescript Sdk Examples Ng

NativeScript

Tailwind

UI Kit

Visionos Hello World

Vue X Platforms