Design · Website

Twitter/X Repost Redesign

An interactive Rive community animation redesigning the Twitter repost interaction

Visit rive.app ↗

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.

What it's 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
Topic
UI Animation
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: Lets you play with the hover states shown in the clip.

Related

  • Lottielab

    Browser-based motion design editor for creating and exporting Lottie animations

  • Phase

    Animation and micro-interaction tool for product designers

  • Ultramock

    Browser-based 3D device mockup and presentation video generator for digital products

  • Animating Mesh Gradients in Figma

    Create and animate soft mesh gradients natively in Figma prototypes

  • Devouring Details

    Interactive reference manual and downloadable React components for micro-interactions and interface craft

  • Roman Tesliuk (PixelWrld)

    Interactive personal portfolio featuring 3D card carousels and product showcases

Updated