# codrops/DistortedButtonEffects

A set of inspirational, highly experimental distortion effects for buttons using SVG filters. By Adrien Denat.

Repository: https://github.com/codrops/DistortedButtonEffects
Canonical: https://ross.abutalabs.com/products/distortedbuttoneffects
Homepage: http://tympanus.net/Development/DistortedButtonEffects/
Language: CSS
License Family: other
Last push: 2016-10-08T17:09:23+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 3766, "days_push": 3616, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1121, forks 131 (observed 2026-08-28T04:03:39.881763+00:00)

## What it is
A Codrops demo collection of experimental button distortion effects built with SVG filters, CSS, and TweenMax by Adrien Denat. It serves as inspirational reference code rather than a production-ready library.

## Use cases
- add distorted hover effects to buttons
- learn SVG filter animation techniques
- find inspiration for creative UI button interactions
- implement motion blur effects on web buttons
- study experimental CSS and SVG demos

## When to choose
- you want inspiration for experimental button effects
- you need reference code for SVG filter animations
- your project targets Chrome and Firefox only

## When to avoid
- you need a production-ready, maintained component library
- you require Safari or broad browser support
- you need a permissive license for redistribution
- you need multiple buttons sharing one effect without extra work

## Facets
- artifact type: learning-resource
- maturity: abandoned
- function: animation, ui-components, css-framework
- domain: web-development, frontend, web-design
- platform: browser
- tags: svg-filters, button-effects, demo, codrops, experimental, css, web-server

## Member repositories
- codrops/DistortedButtonEffects (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:39.881763+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T06:40:59.865365+00:00, confidence not recorded.
  - readme: https://github.com/codrops/DistortedButtonEffects (fetched 2026-08-28T04:03:39.881763+00:00, sha cd0492a840db)
  - homepage: http://tympanus.net/Development/DistortedButtonEffects/ (fetched 2026-08-29T12:44:34.770387+00:00, sha e26f2c3b5f0c)
- Data as of 2026-08-30T08:39:29.467469+00:00.