# Text components

> Enhance readability with 95 text components for React, utilizing Tailwind CSS for beautiful typography in Next.js apps.

200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/text.

- [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate.md) — by Daniel Petho
- [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate/landing-hero.md) — by Daniel Petho
- [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate/image-scroll.md) — by Daniel Petho
- [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate/quote-card.md) — by Daniel Petho
- [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate/manual-control.md) — by Daniel Petho
- [ParticleTextEffect](https://21st.dev/@xubohuah/components/particle-text-effect.md) — by KainXu
- [Text Shimmer](https://21st.dev/@ibelick/components/text-shimmer.md) — by Julien Thibeaut
- [Text Shimmer](https://21st.dev/@ibelick/components/text-shimmer/with-color.md) — by Julien Thibeaut
- [Vapour Text Effect](https://21st.dev/@jatin-yadav05/components/vapour-text-effect.md) — by Jatin Yadav
- [Sparkles Text](https://21st.dev/@dillionverma/components/sparkles-text.md) — by Dillion Verma
- [Hand Writing Text](https://21st.dev/@kokonutd/components/hand-writing-text.md) — by Kokonut Baffier
- [Text Effect](https://21st.dev/@ibelick/components/text-effect.md) — by Julien Thibeaut
- [Blur Fade](https://21st.dev/@dillionverma/components/blur-fade.md) — by Dillion Verma
- [Animated Text Cycle](https://21st.dev/@thimows/components/animated-text-cycle/animated-text-cycle.md) — by Thimo Waanders
- [Animated Shiny Text](https://21st.dev/@anurag-mishra22/components/animated-shiny-text.md) — by Anurag Mishra
- [Gradient Text](https://21st.dev/@designali-in/components/gradient-text/gradient-text.md) — by Ali Imam
- [Special Text](https://21st.dev/@tom_ui/components/special-text.md) — by tom
- [Animated Shiny Text](https://21st.dev/@dillionverma/components/animated-shiny-text.md) — by Dillion Verma
- [Vertical Cut Reveal](https://21st.dev/@danielpetho/components/vertical-cut-reveal.md) — by Daniel Petho
- [Reveal Text](https://21st.dev/@isaiahbjork/components/reveal-text.md) — by Isaiah
- [Flip Words](https://21st.dev/@manuarora700/components/flip-words.md) — by Manu Arora
- [Hero Shutter Text](https://21st.dev/@daiwiikharihar17147/components/hero-shutter-text.md) — by Daiwiik Harihar
- [Text Generate Effect](https://21st.dev/@manuarora700/components/text-generate-effect.md) — by Manu Arora
- [layered text](https://21st.dev/@xubohuah/components/layered-text.md) — by KainXu
- [Text Gradient Scroll](https://21st.dev/@bundui/components/text-gradient-scroll.md) — by Shadcn UI Kit
- [Magic Text](https://21st.dev/@preetsuthar17/components/magic-text.md) — by Preet Suthar
- [Text Cursor Proximity](https://21st.dev/@danielpetho/components/text-cursor-proximity.md) — by Daniel Petho
- [Potfolio Text](https://21st.dev/@jatin-yadav05/components/potfolio-text.md) — by Jatin Yadav
- [Animated Text](https://21st.dev/@anurag-mishra22/components/animated-text.md) — by Anurag Mishra
- [Hyper Text](https://21st.dev/@dillionverma/components/hyper-text.md) — by Dillion Verma
- [Morphing Text](https://21st.dev/@dillionverma/components/morphing-text.md) — by Dillion Verma
- [Wave Text](https://21st.dev/@kokonutd/components/wave-text.md) — by Kokonut Baffier
- [Text Shimmer Wave](https://21st.dev/@ibelick/components/text-shimmer-wave/colored.md) — by Julien Thibeaut
- [CascadeText](https://21st.dev/@aayush-duhan/components/cascade-text.md) — by Aayush duhan
- [Text Shimmer Wave](https://21st.dev/@ibelick/components/text-shimmer-wave.md) — by Julien Thibeaut
- [Apple Hello Effect](https://21st.dev/@ncdai/components/apple-hello-effect.md) — by Chánh Đại
- [BlurTextAnimation](https://21st.dev/@xubohuah/components/blur-text-animation.md) — by KainXu
- [Text Roll](https://21st.dev/@Mazyar kawa/components/text-roll.md) — by Mazyar kawa
- [Text Color](https://21st.dev/@designali-in/components/text-color.md) — by Ali Imam
- [Letter Swap](https://21st.dev/@danielpetho/components/letter-swap.md) — by Daniel Petho
- [Gradual Spacing](https://21st.dev/@dillionverma/components/gradual-spacing.md) — by Dillion Verma
- [Text Loop](https://21st.dev/@ibelick/components/text-loop.md) — by Julien Thibeaut
- [Matrix Text](https://21st.dev/@kokonutd/components/matrix-text.md) — by Kokonut Baffier
- [Animated Text](https://21st.dev/@builduilabs/components/animated-text.md) — by Build UI
- [Text Disperse](https://21st.dev/@sshahaider/components/text-disperse.md) — by Efferd
- [Text Block Animation](https://21st.dev/@daiwiikharihar17147/components/text-block-animation.md) — by Daiwiik Harihar
- [Animated Gradient Text](https://21st.dev/@dillionverma/components/animated-gradient-text.md) — by Dillion Verma
- [Random Letter Swap](https://21st.dev/@danielpetho/components/random-letter-swap.md) — by Daniel Petho
- [Container Text Flip](https://21st.dev/@manuarora700/components/container-text-flip.md) — by Manu Arora
- [Hover Text Glow](https://21st.dev/@erikvalencia1/components/hover-text-glow.md) — by Ruben
- [Rotating Text](https://21st.dev/@dev.yadhakim/components/rotating-text.md) — by Yad Hakim
- [Blurred Stagger Text](https://21st.dev/@preetsuthar17/components/blurred-stagger-text.md) — by Preet Suthar
- [HyperText with Decryption](https://21st.dev/@daiwiikharihar17147/components/hyper-text-with-decryption.md) — by Daiwiik Harihar
- [Modern animated multi words](https://21st.dev/@uniquesonu/components/modern-animated-multi-words.md) — by Sonu
- [Word Rotate](https://21st.dev/@dillionverma/components/word-rotate.md) — by Dillion Verma
- [Bubble Text](https://21st.dev/@minhxthanh/components/bubble-text.md) — by Le Thanh
- [Blur In](https://21st.dev/@dillionverma/components/blur-in.md) — by Dillion Verma
- [Cover](https://21st.dev/@manuarora700/components/cover.md) — by Manu Arora
- [Magic Text Reveal](https://21st.dev/@jatin-yadav05/components/magic-text-reveal.md) — by Jatin Yadav
- [Text Rewind](https://21st.dev/@kokonutd/components/text-rewind.md) — by Kokonut Baffier

Full component directory: https://21st.dev/llms.txt