# Twitter/X Repost Redesign

> An interactive Rive community animation redesigning the Twitter repost interaction

This is an interactive Rive community asset created by kaihenthorniwane that reimagines the Twitter/X repost button. It provides responsive hover and click micro-interactions designed to make the action feel more satisfying. Creators can test the state machine directly in the browser or inspect and remix the project inside the Rive editor.

Website: https://rive.app/community/6373-12387-twitterx-repost-redesign

## What it is for

- Study micro-interaction design and state machine setups in Rive
- Remix or adapt the repost button animation for custom web and mobile apps
- Preview interactive hover and click feedback directly in the browser

## Features

- Interactive state machine preview directly on the web
- Custom hover and click micro-interactions for button states
- Open for remixing and editing inside the Rive editor
- Shared under a Creative Commons CC BY license
- Downloadable source asset file

## Pricing

Free to view, download, and remix

## Details

- Type: Website
- Category: [Design](https://xiry.app/topics/design.md)
- Open source: yes
- Platforms: Web
- For: UI/UX designers, motion designers, and front-end developers using Rive
- Tags: rive, micro interaction, animation, ui design, interaction design

## Why it was saved

- [@kaihenthoiwane, 20 October 2023](https://x.com/kaihenthoiwane/status/1715445477548970011): Lets you play with the hover states shown in the clip.

## Related

- [Lottielab](https://xiry.app/resources/lottielab): Browser-based motion design editor for creating and exporting Lottie animations (Web app, Freemium)
- [Phase](https://xiry.app/resources/phase): Animation and micro-interaction tool for product designers (Web app)
- [Ultramock](https://xiry.app/resources/ultramock): Browser-based 3D device mockup and presentation video generator for digital products (Web app, Freemium)
- [Animating Mesh Gradients in Figma](https://xiry.app/resources/animating-mesh-gradients-in-figma): Create and animate soft mesh gradients natively in Figma prototypes (Tip, Free)
- [Devouring Details](https://xiry.app/resources/devouring-details): Interactive reference manual and downloadable React components for micro-interactions and interface craft (Article or course, Paid)
- [Roman Tesliuk (PixelWrld)](https://xiry.app/resources/roman-tesliuk-pixelwrld): Interactive personal portfolio featuring 3D card carousels and product showcases (Website, Free)

Updated 10 October 2026. Page: https://xiry.app/resources/twitter-x-repost-redesign

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.