@csaba_kissi: Open-source and free apps for coders and makers http://text-effects.colorion.co - CSS Text effects with AI prompts http…
Summary
A curated collection of 57 pure-CSS text animations available for free, with copy-paste CSS snippets and optional AI prompts to recreate each effect.
View Cached Full Text
Cached at: 07/09/26, 09:52 PM
Open-source and free apps for coders and makers
http://text-effects.colorion.co - CSS Text effects with AI prompts http://sespulse.dev - Open-source self-hosted dashboard for Amazon SES http://apifinder.io - Free directory of public APIs http://tirreno.com - Open-source security framework http://opentui.com - UI library for building terminal user interfaces
CSS Text Effects — 57 pure-CSS text animations, free to copy
Source: https://text-effects.colorion.co/
Pure CSS · Copy & pasteA library of 57 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-containedCSSfor any effect, or grab a ready-madePromptto have your coding agent recreate it. Every snippet paints with the\-\-inkcolour tokens and respectsprefers\-reduced\-motion.
Text effect library
Click an effect to copy its CSS or prompt57 effects
01### Borealis
02### Glitchcore
03### Teletype
04### Neon-Haus
05### Aqua-Fill
06### Chromia
07### Lens-Drift
08### Tidal-Type
09### Bisect
10### Cipher
11### Redactor
12### Emberglow
13### Echo-Verse
14### Deep-Type
15OUTLINE
Wireframe
16### Prisma
17### Jitterbug
18### Anaglyph-3D
19### Split-Flap
20### Phosphor
21### Pop-Riot
22### Limelight
23### Rubber-Band
24### Still-Water
25### Ransom-Note
26### Meltdown
27### Cardio
28### Hi-Liter
29### Sundial
30### Negativ
31### Holograph
32### Gold-Foil
33### Pixel-Sort
34### Starlight
35### Blueprint
36### Vapor-Trail
37### Kinetic-Type
38### Blackout
39### Magnetic
40### Luma-Mesh
41### Iridescent
42### Glass-Type
43### Datastream
44### Orbitals
45### Prism-Cut
46### Soft-Blur
47### Laser-Cut
48### Microchip
49### Heatmap
50### Parallax
51### Ink-Trap
52### Topographic
53### Signal-Noise
54### Portal
55### Tilt-Shift
56### Duotone
57### Glyph-Rain
Similar Articles
@10xmylife: This website is awesome, it has all kinds of animations and is open source
Introducing Amicro, an open-source React micro-interaction and transition component library that lets you add beautiful animations via CLI.
@VincentLogic: In the past, when doing frontend work, I used to either hunt around for GIFs or write CSS until my head ached just to create a loading animation. Recently I came across this open-source library math-curve-loaders, which generates animations purely using mathematical formulas. I took a look — rose curves, Lissajous curves, and other mathematical figures produce extremely elegant animations. Pure HT…
Introduces an open-source frontend library called math-curve-loaders that utilizes mathematical formulas (such as rose curves and Lissajous curves) to generate elegant loading animations. It is implemented purely with HTML+CSS, has zero dependencies, and comes with a visual debugging panel that allows real-time parameter adjustments and one-click code copying.
@GoJun315: A developer on Reddit today shared that videos played in a web page can be rendered purely with text characters. The open-source project used is ASCILINE, a real-time ASCII video rendering engine. It supports two rendering modes: - ASCII mode: restores the image with ordinary characters by brightness and color, you can see the characters flowing...
ASCILINE is a high-performance open-source real-time ASCII video rendering engine that converts videos into plain text character displays, supporting multiple rendering modes, low-bandwidth transmission, and CSS effects overlay.
@nolansym: Free & Open Source Shadcn Components
cult-ui releases 92+ open-source AI agent UI patterns and full-stack Next.js templates for building copy-paste component libraries with shadcn.
CSS-DOS — A computer made of CSS
A creative project that builds a DOS-like computer interface entirely with CSS, showcasing the power of modern frontend styling.