# Fade components

> Browse 18 Fade components for React, styled with Tailwind CSS and ready for your Next.js project.

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

- [BG Patterns](https://21st.dev/@sshahaider/components/bg-pattern.md) — by Efferd
- [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
- [Blur Fade](https://21st.dev/@dillionverma/components/blur-fade.md) — by Dillion Verma
- [Unique Testimonial](https://21st.dev/@jatin-yadav05/components/unique-testimonial.md) — by Jatin Yadav
- [Profile Card Testimonial Carousel](https://21st.dev/@arunachalam/components/profile-card-testimonial-carousel.md) — by Arunachalam
- [Image Gallery](https://21st.dev/@sshahaider/components/image-gallery.md) — by Efferd
- [Text Generate Effect](https://21st.dev/@manuarora700/components/text-generate-effect.md) — by Manu Arora
- [Minimal Testimonial](https://21st.dev/@jatin-yadav05/components/minimal-testimonial.md) — by Jatin Yadav
- [Feature Section](https://21st.dev/@ruixen.ui/components/feature-section.md) — by Ruixen UI
- [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-grid-masked-dark-gray.md) — by Julien Thibeaut
- [CTA with Text Marquee](https://21st.dev/@lyanchouss/components/cta-with-text-marquee/cta-with-vertical-marquee-left.md) — by Liana Pepanyan
- [CTA with Text Marquee](https://21st.dev/@lyanchouss/components/cta-with-text-marquee/cta-with-horizontal-marquee.md) — by Liana Pepanyan
- [Rotating Text](https://21st.dev/@dev.yadhakim/components/rotating-text.md) — by Yad Hakim
- [Response Stream](https://21st.dev/@ibelick/components/response-stream.md) — by Julien Thibeaut
- [Progressive Blur](https://21st.dev/@reuno-ui/components/progressive-blur.md) — by reuno-ui
- [Pixel Trail](https://21st.dev/@jatin-yadav05/components/pixel-trail.md) — by Jatin Yadav
- [Brand Scoller](https://21st.dev/@preetsuthar17/components/brand-scoller.md) — by Preet Suthar
- [In view](https://21st.dev/@ibelick/components/in-view.md) — by Julien Thibeaut
- [Blur Text Effect](https://21st.dev/@kauasodreas/components/blur-text-effect.md) — by User
- [In view](https://21st.dev/@ibelick/components/in-view/multiple.md) — by Julien Thibeaut
- [Whisper Text](https://21st.dev/@kauasodreas/components/whisper-text.md) — by User
- [Word Fade In](https://21st.dev/@dillionverma/components/word-fade-in.md) — by Dillion Verma
- [Fade Slide Tabs](https://21st.dev/@ruixen.ui/components/fade-slide-tabs.md) — by Ruixen UI
- [Testimonials Marquee](https://21st.dev/@shadcnspace/components/marquee-01.md) — by ShadcnSpace
- [Word Loader](https://21st.dev/@chetanverma16/components/word-loader.md) — by Chetan Verma
- [Marquee](https://21st.dev/@haydenbleasel/components/marquee.md) — by Hayden Bleasel
- [Infinity Brand](https://21st.dev/@uilayout.contact/components/infinity-brand.md) — by UI Layouts
- [Gradient Blur Bg](https://21st.dev/@meghtrix/components/gradient-blur-bg/gird-blur-top-left.md) — by meghtrix
- [Gradient Blur Bg](https://21st.dev/@meghtrix/components/gradient-blur-bg/grid-blur-top.md) — by meghtrix
- [Gradient Blur Bg](https://21st.dev/@meghtrix/components/gradient-blur-bg/grid-blur-bottom.md) — by meghtrix
- [Fade Text](https://21st.dev/@dillionverma/components/fade-text.md) — by Dillion Verma
- [Lazy Image](https://21st.dev/@sshahaider/components/lazy-image.md) — by Efferd
- [Loading Overlay](https://21st.dev/@designali-in/components/loading-overlay.md) — by Ali Imam
- [Scroller](https://21st.dev/@shugar/components/scroller-1/horizontal-with-buttons.md) — by tigran tumasov
- [Scroller](https://21st.dev/@shugar/components/scroller-1/horizontal.md) — by tigran tumasov
- [Scroller](https://21st.dev/@shugar/components/scroller-1.md) — by tigran tumasov
- [List Item](https://21st.dev/@0xUrvish/components/list-item.md) — by 0xUrvish
- [Scroll Fade Effect](https://21st.dev/@moumensoliman/components/scroll-fade-effect.md) — by Moumen Soliman
- [Scroller](https://21st.dev/@shugar/components/scroller-1/vertical-with-buttons.md) — by tigran tumasov
- [Custom Alert](https://21st.dev/@ruixen.ui/components/custom-alert.md) — by Ruixen UI
- [Copy Button - Variants](https://21st.dev/@zochory/components/copy-button-variants.md) — by Zachary BENSALEM
- [Text Morph](https://21st.dev/@amanshakya307/components/text-morph.md) — by Aman Shakya
- [Card](https://21st.dev/@ravikatiyar162/components/card-11.md) — by Ravi Katiyar
- [FAQ roller](https://21st.dev/@dhileepkumargm/components/habit-faq-scroller.md) — by Dhileep Kumar GM
- [Scroll Fade List](https://21st.dev/@dqnamo/components/scroll-fade-list.md) — by dqnamo
- [Real Estate Search Hero](https://21st.dev/@felipemenezes098/components/hero-09.md) — by felipemenezes098
- [List](https://21st.dev/@lavikatiyar/components/list.md) — by Lavi Katiyar
- [BeUI Tooltip](https://21st.dev/@saurabh10102/components/beui-tooltip.md) — by Saurabh Chauhan
- [Infinite Moving Cards](https://21st.dev/@nexus-ui/components/infinite-moving-cards.md) — by Nexus UI
- [Word Carousel Text](https://21st.dev/@animbits/components/text-word-carousel.md) — by Animbits
- [Vertical Marquee](https://21st.dev/@unlumen/components/vertical-marquee.md) — by Unlumen UI
- [One Avatar](https://21st.dev/@edwinvakayil/components/one-avatar.md) — by Edwin Vakayil
- [Integrations Logo Row](https://21st.dev/@sshahaider/components/integrations-5.md) — by Efferd
- [Hero 03](https://21st.dev/@felipemenezes098/components/hero-03.md) — by felipemenezes098
- [Scroll Reveal](https://21st.dev/@cnippet.dev/components/scroll-reveal/feature-section.md) — by Cnippet
- [AI Thinking](https://21st.dev/@preetsuthar17/components/ai-thinking.md) — by Preet Suthar
- [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow.md) — by Hero Ui
- [Scroll Autoplay](https://21st.dev/@youcefbnm/components/scroll-autoplay.md) — by YoucefBnm Bnm
- [Fade Through](https://21st.dev/@educlopez/components/fade-through.md) — by Edu Calvo

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