design-infraReport a problem or share feedback← Catalog
Canvas Text
freeaceternity/canvas-text
Animated text component with colorful curved lines rendered on canvas, clipped to the text shape.
$
npx shadcn@latest add @aceternity/canvas-text- Source
- Aceternity UI
- Kind
- component
- Categories
- text-effect, 3d, background
- Use as
- wrapper — wraps your existing element
- Applies to
- text-effectherocta
- Motion
- on loop · expressive · canvas · high cost
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Hero Highlightaceternity/hero-highlightA background effect with a text highlight component, perfect for hero sections.
- Flip Wordsaceternity/flip-wordsRotating keyword in a headline ("Build ___ faster"). Keep to 3–5 words.
- Canvas Fractal Gridcult-ui/canvas-fractal-gridInteractive canvas-based fractal dot grid with mouse tracking and wave effects