Tool
Text Effects
Animated open-source text effect snippets with AI prompts.
About
A library of 99 animated text effects built with pure CSS — aurora gradients, glitches, split-flap boards, liquid fills and other lesser-seen tricks. No JavaScript, no dependencies. Copy the self-contained CSS for any effect, or grab a ready-made Prompt to have your coding agent recreate it. Every snippet paints with the --ink colour tokens and respects prefers-reduced-motion . Want your own words? Try the text effect generator →
Features
- Animated heading and text effects
- Pricing
- Open Source
- Pricing detail
- Free CSS/React snippets
- Platforms
- Web / CSS / React
Alternatives from our catalog
Tools on the same shelves as Text Effects, ordered by shared tags and our own comparisons. Not vendor endorsements.
- Border BeamOpen Source · Web / React / RN / SwiftUI
Libraries.dev Beam effect — zero-dep React border animation agents can install cleanly.
same tags
- React CursorOpen Source · React / Next.js
Plug-and-play cursor packs for React apps
same tags
- 404 AnimationsOpen Source · Web / CSS
Niche Colorion pack for delightful empty/error states.
same tags
- CalligraphOpen Source · Web / React
Tiny npm package for kinetic typography transitions.
same tags
- Animatedicons.coFree · Web
Large free animated icon pack with live color tweaks
same tags
- CSS CursorsFree · Web / CSS
Pure CSS cursor tricks with copy prompts
same tags