---
title: "Delete button animation"
description: "Vanilla delete button where each letter tumbles into a trash can — HTML, CSS and JS, zero dependencies."
canonical: "https://vibing.inc/library/delete-button-animation-vg-2227"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Animated components"
license: "open-source"
author: "@james2001"
source: "https://stephane.rathgeber.alsace/delete-button-animation/"
---

# Delete button animation
Vanilla delete button where each letter tumbles into a trash can — HTML, CSS and JS, zero dependencies.
## Facts
- Source: https://stephane.rathgeber.alsace/delete-button-animation/
- Category: Backgrounds, Effects & CSS Oddities / Animated components
- Author: @james2001
- Licence: open-source
- Tags: micro-interaction, css, vanilla-js, button, waapi
## Why it's a gem
Single-purpose micro-interaction study you can steal in under a minute.
---
Listed in The Vibeary: https://vibing.inc/library/delete-button-animation-vg-2227 · JSON: https://vibing.inc/api/public/library/gems/delete-button-animation-vg-2227