# Typography components > Elevate text presentation with 7 typography React components, designed for beautiful, readable layouts using Tailwind CSS. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/typography. - [Typography](https://21st.dev/@edwinvakayil/components/typography.md) — by Edwin Vakayil - [Small Typography](https://21st.dev/@uiable/components/uiable-typography-small.md) — by uiable - [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate.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 - [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 - [Story scroll](https://21st.dev/@boudjadjasamira/components/story-scroll.md) — by Samira Boudjadja - [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 - [Minimalist Hero](https://21st.dev/@ravikatiyar162/components/minimalist-hero.md) — by Ravi Katiyar - [Text Reveal](https://21st.dev/@dillionverma/components/text-reveal.md) — by Dillion Verma - [Text Effect](https://21st.dev/@ibelick/components/text-effect.md) — by Julien Thibeaut - [Animated Underline Text](https://21st.dev/@anurag-mishra22/components/animated-underline-text-one.md) — by Anurag Mishra - [Text Scramble](https://21st.dev/@ibelick/components/text-scramble.md) — by Julien Thibeaut - [Animated Text Cycle](https://21st.dev/@thimows/components/animated-text-cycle/animated-text-cycle.md) — by Thimo Waanders - [Reveal images](https://21st.dev/@hari/components/reveal-images.md) — by Hari Lamichhane - [Hero ASCII](https://21st.dev/@larsen66/components/hero-ascii.md) — by 21st Indexer - [Typewriter Text](https://21st.dev/@preetsuthar17/components/typewriter-text.md) — by Preet Suthar - [Hero](https://21st.dev/@beratberkayg/components/hero-1.md) — by beratberkay - [Animated Shiny Text](https://21st.dev/@anurag-mishra22/components/animated-shiny-text.md) — by Anurag Mishra - [lumina-interactive-list](https://21st.dev/@hardikkashiyani123456788/components/lumina-interactive-list.md) — by Hardik Kashiyani - [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 - [dot-pattern](https://21st.dev/@designali-in/components/dot-pattern-1/quote.md) — by Ali Imam - [Text Scramble](https://21st.dev/@jatin-yadav05/components/text-scramble.md) — by Jatin Yadav - [Sterling Gate: Kinetic Navigation](https://21st.dev/@hardikkashiyani123456788/components/sterling-gate-kinetic-navigation.md) — by Hardik Kashiyani - [Animated Slideshow](https://21st.dev/@youcefbnm/components/animated-slideshow.md) — by YoucefBnm Bnm - [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 - [Morphing Cursor](https://21st.dev/@jatin-yadav05/components/morphing-cursor.md) — by Jatin Yadav - [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 - [Elegant Carousel](https://21st.dev/@dev.yadhakim/components/elegant-carousel.md) — by Yad Hakim - [Separator](https://21st.dev/@shadcn/components/separator.md) — by shadcn - [Hero Minimalism](https://21st.dev/@lyanchouss/components/hero-minimalism.md) — by Liana Pepanyan - [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 - [flow-gradient-heroSection](https://21st.dev/@hardikkashiyani123456788/components/flow-gradient-hero-section.md) — by Hardik Kashiyani - [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 Marque](https://21st.dev/@uilayout.contact/components/text-marque.md) — by UI Layouts - [Experience Hero](https://21st.dev/@hardikkashiyani123456788/components/experience-hero.md) — by Hardik Kashiyani - [CTA with Text Marquee](https://21st.dev/@lyanchouss/components/cta-with-text-marquee.md) — by Liana Pepanyan - [Text Marquee](https://21st.dev/@tom_ui/components/text-marquee.md) — by tom - [Text Scroll animation](https://21st.dev/@reuno-ui/components/text-scroll-animation.md) — by reuno-ui - [BlurTextAnimation](https://21st.dev/@xubohuah/components/blur-text-animation.md) — by KainXu - [Marker Highlight](https://21st.dev/@kapishdima/components/marker-highlight.md) — by KapishDima - [Text Roll](https://21st.dev/@Mazyar kawa/components/text-roll.md) — by Mazyar kawa - [Liquid Text](https://21st.dev/@designali-in/components/liquid-text/liquid-text.md) — by Ali Imam - [Modern Hero Section](https://21st.dev/@ravikatiyar162/components/modern-hero-section.md) — by Ravi Katiyar Full component directory: https://21st.dev/llms.txt