--- title: How to Preview Hover Effects in Builder 2.0 description: Hover effects preview once on selection; arrow keys enable fine-tuned position and size adjustments --- [Skip to content](https://support.tiled.co/builder-2.0-ux-hover-live-preview-numeric-field-nudge#main-content) English Show submenu for translations [Submit a request](https://support.tiled.co/kb-tickets/new) ![logo-horizontal\_w.png\]](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_w.png?height=30&name=logo-horizontal_w.png) Open main navigation Close main navigation - English Show submenu for translations - [Submit a request](https://support.tiled.co/kb-tickets/new) Hi, how can we help you? - There are no suggestions because the search field is empty. 1. [Support](https://support.tiled.co/) 2. [New Releases](https://support.tiled.co/new-releases) 3. [v55.0.1](https://support.tiled.co/new-releases#v55-0-1) # How to Preview Hover Effects in Builder 2.0 ## This guide explains hover effect live preview — a Builder 2.0 improvement that shows you a tile's hover animation the moment you select it, without switching to Preview mode. ### **What It Does** When you select a tile in Builder 2.0 that has a hover effect configured, the hover animation plays once automatically — so you can see the effect immediately without switching to Preview mode. Selecting the tile again replays the preview. | **Note:** The in-Builder preview plays once on selection and does not loop. For a full interaction simulation, use Preview mode. The live preview is designed for quick visual confirmation while you're editing. | | --- | ### **How to Use It** 1\. Select a tile in Builder 2.0 that has a hover effect configured. 2\. The hover animation plays once automatically. 3\. Click away and reselect the tile to replay the preview. 4\. When you're ready to see the full looped effect as a viewer would experience it, switch to Preview mode. ### **What Hover Effects Can Be Previewed** Any hover effect configured on a tile — including opacity, scale, color, and border changes — will preview on selection. This works across all tile types that support hover effects in Builder 2.0. ### **Common Questions** **Does the hover preview play in Builder 1.0?** No — hover effect live preview on selection is a Builder 2.0 feature. Builder 1.0 behavior is unchanged. **The hover animation isn't playing when I select a tile — what should I check?** Confirm the tile has a hover effect configured in the Properties panel. If no hover effect is set, there's nothing to preview. If an effect is configured and still not previewing, try deselecting and reselecting the tile. - [Getting Started](https://support.tiled.co/getting-started#main-content) - [Intro to Tiled](https://support.tiled.co/getting-started#intro-to-tiled) - [Tiled Library](https://support.tiled.co/getting-started#tiled-library) - [Tiled Builder](https://support.tiled.co/tiled-builder#main-content) - [Tiled Builder](https://support.tiled.co/tiled-builder#tiled-builder) - [Microapp Tiles](https://support.tiled.co/tiled-builder#microapp-tiles) - [Personalization](https://support.tiled.co/tiled-builder#personalization) - [Asset Library](https://support.tiled.co/tiled-builder#asset-library) - [Best Practices](https://support.tiled.co/tiled-builder#best-practices) - [Tiled Tiles](https://support.tiled.co/tiled-tiles) - [Settings](https://support.tiled.co/settings#main-content) - [Account Settings](https://support.tiled.co/settings#account-settings) - [Library Settings](https://support.tiled.co/settings#library-settings) - [Microapp Settings](https://support.tiled.co/settings#microapp-settings) - [Sharing & Analytics](https://support.tiled.co/sharing-analytics#main-content) - [Microapp Analytics](https://support.tiled.co/sharing-analytics#microapp-analytics) - [Personalization](https://support.tiled.co/sharing-analytics#personalization) - [Sharing Microapps](https://support.tiled.co/sharing-analytics#sharing-microapps) - [Useful Resources](https://support.tiled.co/useful-resources#main-content) - [Additional Guides](https://support.tiled.co/useful-resources#additional-guides) - [Developer Tools](https://support.tiled.co/useful-resources#developer-tools) - [Accessibility](https://support.tiled.co/useful-resources#accessibility) - [Tiled Mobile App](https://support.tiled.co/useful-resources#tiled-mobile-app) - [Seismic](https://support.tiled.co/useful-resources#seismic) - [Authentication & Security](https://support.tiled.co/useful-resources#authentication-security) - [Builder 2.0](https://support.tiled.co/builder-2-0#main-content) - [Tiled Builder 2.0](https://support.tiled.co/builder-2-0#tiled-builder-2-0) - [Microapp Tiles 2.0](https://support.tiled.co/builder-2-0#microapp-tiles-2-0) - [Personalization 2.0](https://support.tiled.co/builder-2-0#personalization-2-0) - [Asset Panel 2.0](https://support.tiled.co/builder-2-0#asset-panel-2-0) - [Layers & Settings 2.0](https://support.tiled.co/builder-2-0#layers-settings-2-0) - [FAQ](https://support.tiled.co/builder-2-0#faq) - [Tiled Plugins](https://support.tiled.co/tiled-plugins#main-content) - [Figma Plugin](https://support.tiled.co/tiled-plugins#figma-plugin) - [Adobe XD Plugin](https://support.tiled.co/tiled-plugins#adobe-xd-plugin) - [Sketch Plugin](https://support.tiled.co/tiled-plugins#sketch-plugin) - [Integrations](https://support.tiled.co/integrations#main-content) - [CRM & Marketing Automation](https://support.tiled.co/integrations#crm-marketing-automation) - [Content & Asset Management](https://support.tiled.co/integrations#content-asset-management) - [Collaboration & Communication](https://support.tiled.co/integrations#collaboration-communication) - [New Releases](https://support.tiled.co/new-releases#main-content) - [v65.0.0](https://support.tiled.co/new-releases#v65-0-0) - [v64.0.0](https://support.tiled.co/new-releases#v64-0-0) - [v63.0.0](https://support.tiled.co/new-releases#v63-0-0) - [v62.0.0](https://support.tiled.co/new-releases#v62-0-0) - [v61.0.1](https://support.tiled.co/new-releases#v61-0-1) - [v60.0.0](https://support.tiled.co/new-releases#v60-0-0) - [v59.0.0](https://support.tiled.co/new-releases#v59-0-0) - [v58.0.0](https://support.tiled.co/new-releases#v58-0-0) - [v57.0.0](https://support.tiled.co/new-releases#v57-0-0) - [v56.0.0](https://support.tiled.co/new-releases#v56-0-0) - [v55.0.1](https://support.tiled.co/new-releases#v55-0-1) - [v54.0.0](https://support.tiled.co/new-releases#v54-0-0) - [v53.0.0](https://support.tiled.co/new-releases#v53-0-0) - [v52.0.0](https://support.tiled.co/new-releases#v52-0-0) - [v51.0.0](https://support.tiled.co/new-releases#v51-0-0) - [v50.0.0](https://support.tiled.co/new-releases#v50-0-0) [![logo-horizontal\_k-3](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_k-3.png?width=100&height=21&name=logo-horizontal_k-3.png "logo-horizontal_k-3")](https://tiled.co) Copyright © 2026, Tiled