---
title: "CSS Button Library"
description: "99 button hover effects in pure CSS with no JavaScript or dependencies; each snippet uses one colour token and respects prefers-reduced-motion."
canonical: "https://vibing.inc/library/css-button-library-vg-2112"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Hover effects"
license: "MIT"
author: "Colorion"
source: "https://animatedbuttons.colorion.co"
---

# CSS Button Library
99 button hover effects in pure CSS with no JavaScript or dependencies; each snippet uses one colour token and respects prefers-reduced-motion.
## Facts
- Source: https://animatedbuttons.colorion.co
- Category: Backgrounds, Effects & CSS Oddities / Hover effects
- Author: Colorion
- Licence: MIT
- Tags: css, buttons, hover, no-javascript
## Why it's a gem
Single-token, reduced-motion-aware snippets — rare discipline for a copy-paste set.
---
Listed in The Vibeary: https://vibing.inc/library/css-button-library-vg-2112 · JSON: https://vibing.inc/api/public/library/gems/css-button-library-vg-2112