# Introduction Aura Suite is an editor add-on for **Wix Studio** that lets you apply premium motion, interaction, and visual details to your website with just a few clicks. Instead of manually building effects like smooth scrolling, animated text, custom cursors, or overlays, Aura Suite gives you a curated set of tools that are ready to use and optimized for real websites. You choose what you want to apply. Aura Suite takes care of how it runs on the live site. {% embed url="" %} *** ### What Is Aura Suite Designed For? Aura Suite focuses on the small details that make websites feel polished and high-end. It helps you improve how your site **moves, reacts, and feels**, without changing your layout or structure. Typical use cases include: * adding smooth scrolling for a more premium feel * using custom animated cursors for interaction * applying noise or grain overlays for texture * animating text on entrance or on scroll These effects are often seen on award-winning websites, but usually require custom scripts and manual setup. Aura Suite makes them accessible directly inside the editor. *** ### How Aura Suite Works (Conceptually) Aura Suite runs as an **Editor Add-On**, not as a page widget. You activate effects from the Aura Suite panel, and based on your selections, Aura Suite: * generates a custom optimized script for your site * hosts it on our servers * loads only the features you enabled Each project gets its own generated file, which keeps performance fast and avoids unnecessary code. You don’t need to embed scripts or configure anything manually. Once you click save, everything is applied automatically to your live site. *** ### What Kind of Effects Are Included? Aura Suite is organized into four main areas: * **Website Detailing** - smooth scrolling, scrollbar styling, and marker color * **Cursors** - animated and interactive cursor styles, including WebGL cursors * **Overlays** - grain, noise, pixel grids, and other full-page visual layers * **Text Animations** - entrance and scroll-based GSAP text animations Each area can be used independently, so you only enable what your design actually needs. *** ### When to Use Aura Suite Aura Suite is best used when: * your layout already works, but feels too static * you want subtle motion and interaction * you want visual polish without heavy animations * you want premium feel without performance issues It pairs especially well with **Spline Control** and **Motion Flow**, where Aura Suite handles the fine details while the other apps handle major visual moments. *** ### What’s Next? This page explains what Aura Suite is and when to use it. To start applying effects, continue with the **Get Started** guides: * [**Install the App**](/interactive-studio/aura-suite/get-started/install-the-app.md) * [**Tab 1 - Enable Smoothing & Website Details**](/interactive-studio/aura-suite/get-started/tab-1-website-details.md) * [**Tab 2- Apply Custom interactive Cursors**](/interactive-studio/aura-suite/get-started/tab-2-custom-cursors.md) * [**Tab 3 - Apply Overlays**](/interactive-studio/aura-suite/get-started/tab-3-overlay-effects.md) * [**Tab 4 - Add GSAP Animations to Texts**](/interactive-studio/aura-suite/get-started/tab-4-gsap-text-effects.md) Each guide explains one part of the suite step by step. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://insync.gitbook.io/interactive-studio/aura-suite/introduction.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.