# Mask components

> Enhance visual presentation with 6 mask components for React, featuring creative overlays and shapes styled with Tailwind CSS.

32 components available. Showing all of them below.

- [Ink Reveal](https://21st.dev/@aayush-duhan/components/ink-reveal.md) — by Aayush duhan
- [SVG Mask Effect](https://21st.dev/@manuarora700/components/svg-mask-effect.md) — by Manu Arora
- [Logos 3](https://21st.dev/@shadcnblockscom/components/logos3.md) — by Shadcnblocks.com
- [BG Patterns](https://21st.dev/@sshahaider/components/bg-pattern.md) — by Efferd
- [Grid Pattern](https://21st.dev/@dillionverma/components/grid-pattern.md) — by Dillion Verma
- [FlickeringGridHero](https://21st.dev/@xubohuah/components/flickering-grid-hero.md) — by KainXu
- [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-dots-masked-gray.md) — by Julien Thibeaut
- [Grid Pixelate Wipe](https://21st.dev/@kapishdima/components/grid-pixelate-wipe.md) — by KapishDima
- [Particle Animation](https://21st.dev/@kedhareswer.12110626/components/particle-animation.md) — by Kedhareswer Naidu
- [Image Reveal](https://21st.dev/@jatin-yadav05/components/image-reveal.md) — by Jatin Yadav
- [Image Mask](https://21st.dev/@uilayout.contact/components/image-mask.md) — by UI Layouts
- [Image Masking](https://21st.dev/@uilayout.contact/components/image-masking-1.md) — by UI Layouts
- [Masked Slide Reveal](https://21st.dev/@kapishdima/components/masked-slide-reveal.md) — by KapishDima
- [Text Animation](https://21st.dev/@minhxthanh/components/text-animation.md) — by Le Thanh
- [Clipped Shape image](https://21st.dev/@uilayout.contact/components/clipped-shape-image.md) — by UI Layouts
- [Background Gradient Snippet](https://21st.dev/@larsen66/components/background-gradient-snippet/background-dots-masked-pink.md) — by 21st Indexer
- [Mask View Transition Theme Toggle](https://21st.dev/@jahirulislamrayhan07/components/mask-view-transition-theme-toggle.md) — by Jahirul Islam
- [Gradient Blur Bg](https://21st.dev/@meghtrix/components/gradient-blur-bg/gird-blur-top-left.md) — by meghtrix
- [FlickeringGridDemo2](https://21st.dev/@xubohuah/components/flickering-grid-demo2.md) — by KainXu
- [Logo Marquee](https://21st.dev/@grootstudio/components/logo-marquee.md) — by Groot Studio
- [Pin Input](https://21st.dev/@anubra266/components/pin-input/pin-input-masked.md) — by Abraham
- [Integrations Grid](https://21st.dev/@sshahaider/components/integrations-4-2.md) — by Efferd
- [Integrations Logo Row](https://21st.dev/@sshahaider/components/integrations-5.md) — by Efferd
- [Blurred Marquee](https://21st.dev/@grootstudio/components/blurred-marquee.md) — by Groot Studio
- [Infinite List](https://21st.dev/@joyco/components/infinite-list.md) — by JOYCO
- [Gif Text](https://21st.dev/@chamaac/components/gif-text.md) — by chamaac
- [SVG Clip Path Mask](https://21st.dev/@reuno-ui/components/svg-clip-path-mask.md) — by reuno-ui
- [Testimonials Section](https://21st.dev/@sshahaider/components/testimonials-2.md) — by Efferd
- [Corporate Clip Path Gallery](https://21st.dev/@uilayout.contact/components/corporate-clippath.md) — by UI Layouts
- [Edge Blur](https://21st.dev/@cult-ui/components/edge-blur.md) — by cult/ui
- [Liquid Text](https://21st.dev/@glasscn/components/liquid-text.md) — by glasscn
- [Masked Slide Reveal](https://21st.dev/@framecn/components/masked-slide-reveal.md) — by framecn

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