---
layout: pattern
title: Split Text - Animated Words
description: |
  This pattern shows how to create infinitely animated word effects that respect user's motion preferences.
  <br><br>
  <a href="/building-split-text-animations/">Full article</a> · <a href="https://www.youtube.com/watch?v=3hvN7bkjZBk">Video on YouTube</a> · <a href="https://github.com/argyleink/gui-challenges/tree/main/split-text">Source on Github</a>
date: 2022-06-01
height: 500
---

Create infinitely animated word effects that respect
user's motion preferences.

<a href="/building-split-text-animations/">Full article</a> · <a
href="https://www.youtube.com/watch?v=3hvN7bkjZBk">Video on YouTube</a> · <a
href="https://github.com/argyleink/gui-challenges/tree/main/split-text">Source
on Github</a>
