Field note
What it does
Animations | NativeScript 9.0 Released! → Native ESM runtimes 🚀, Vite support ⚡️, multi-window apps and more... Read Announcement → NativeScript Search Open main menu Search Docs Blog Community Support Open additional menu Open NativeScript GitHub Menu Docs Tutorials Preview Snacks Plugins UI Components API Reference Getting Started Introduction Environment Setup Windows macOS Linux Creating a Project Choosing an editor Troubleshooting Development Workflow CLI Basics Running Debugging Publishing Plugins Recommended Plugins Testing Updating To Latest Project Structure App_Resources/ src/ fonts/ app.css•scss main.js•ts nativescript.config.ts package.json references.d.ts tsconfig.json vite.config.ts webpack.config.js Configuration Config Reference Vite Reference Webpack Reference Fundamental Concepts Accessibility Animations Best Practices Commonly Used APIs @nativescript/core Application ApplicationSettings Color Connectivity Device FileSystem FPS Meter Http ImageCache Observable Screen Trace Utils XmlParser Data Binding Error Handling Gestures Navigation Using Frames and Pages Using Modals Property System Styling Crash Reporting Using Sentry Developing with Vision Pro Developing with visionOS Previewing visionOS from StackBlitz Agentic Coding Leverage AI assistants Using the Docs with AI Advanced Concepts Adding Native Code Adding Java/Kotlin Code Adding ObjectiveC/Swift Code Generating TypeScript types Extending Native Classes Android iOS Create Custom Native Elements Customizing View Elements Shared Element Transitions Multithreading Multi-Window Development Code Sharing Metadata Marshalling iOS Marshalling iOS Runtime Types Android Marshalling Hooks Platform Version Handling Widgets for iOS Home Fundamental Concepts Animations Fundamental Concepts Animations Copy page Are you an LLM? You can read better optimized documentation at /guide/animations.md for this page in Markdown format NativeScript exposes a simple yet powerful API to allow animating almost every native component in your app. The singular API allows you to animate both iOS and Android the same way. You always have the discretion to use platform animations directly where desired but let's look at how comprehensive this simple API is as it is well suited for a large majority of commonly desired animations. For your convenience, there are two popular ways of creating animations: Declarative - easy and familiar CSS3 animations API Imperative - take full control of any animation by calling animation methods directly with code Declarative: Animating UI components with CSS CSS animations are based on the CSS3 animations API standard. You can use them to animate almost every native view without even having to know JavaScript.
Capabilities
Available capabilities
Tags
Tags
No tags filed yet.
Ways to use it
Ways to use it
No integrations filed yet.