# Dot Matrix components > Browse 27 Dot Matrix components for React, styled with Tailwind CSS and ready for your Next.js project. 175 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/dot-matrix. - [Canvas Reveal Effect](https://21st.dev/@manuarora700/components/canvas-reveal-effect.md) — by Manu Arora - [Interactive Dots](https://21st.dev/@designali-in/components/interactive-dots-1.md) — by Ali Imam - [Dots Pattern](https://21st.dev/@uilayout.contact/components/dots-pattern.md) — by UI Layouts - [LED Display](https://21st.dev/@designali-in/components/led-display.md) — by Ali Imam - [Dot Matrix Loader](https://21st.dev/@elements-/components/loader-dot-matrix.md) — by Cameron Kelliher - [Phase Orb](https://21st.dev/@zzzzshawn/components/dotm-circular-6.md) — by Shawn Silva - [Flux Columns](https://21st.dev/@zzzzshawn/components/dotm-square-6.md) — by Shawn Silva - [Serpent Zip](https://21st.dev/@zzzzshawn/components/dotm-triangle-13.md) — by Shawn Silva - [Animated hero](https://21st.dev/@tommyjepsen/components/animated-hero.md) — by Tommy Jepsen - [Bento Grid](https://21st.dev/@manuarora700/components/bento-grid.md) — by Manu Arora - [Theme Toggle](https://21st.dev/@ayushmxxn_c278bc2d/components/theme-toggle.md) — by Ayushmaan Singh - [Button](https://21st.dev/@originui/components/button/menu-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/loading-button-1.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/disabled-button.md) — by Origin UI - [Canvas](https://21st.dev/@designali-in/components/canvas.md) — by Ali Imam - [Falling Pattern](https://21st.dev/@sshahaider/components/falling-pattern.md) — by Efferd - [Falling Pattern](https://21st.dev/@sshahaider/components/falling-pattern/custom-colors.md) — by Efferd - [Shimmer Button](https://21st.dev/@dillionverma/components/shimmer-button.md) — by Dillion Verma - [Shiny Button](https://21st.dev/@designali-in/components/shiny-button.md) — by Ali Imam - [World Map](https://21st.dev/@manuarora700/components/world-map.md) — by Manu Arora - [Gradient Dots](https://21st.dev/@sshahaider/components/gradient-dots.md) — by Efferd - [Glass Button](https://21st.dev/@easemize/components/glass-button.md) — by Hossain Jahed - [Map](https://21st.dev/@shailendrakumar19999/components/map.md) — by Shailendra - [Hero Highlight](https://21st.dev/@manuarora700/components/hero-highlight.md) — by Manu Arora - [Flickering Footer](https://21st.dev/@aghasisahakyan1/components/flickering-footer.md) — by Erik X - [Feature with Image Comparison](https://21st.dev/@tommyjepsen/components/feature-with-image-comparison.md) — by Tommy Jepsen - [Hero ASCII](https://21st.dev/@larsen66/components/hero-ascii.md) — by 21st Indexer - [Globe Pulse](https://21st.dev/@shuding/components/cobe-globe-pulse.md) — by shuding - [Hero ASCII one](https://21st.dev/@larsen66/components/hero-ascii-one.md) — by 21st Indexer - [Avatar](https://21st.dev/@originui/components/avatar.md) — by Origin UI - [Hover Button](https://21st.dev/@serafimcloud/components/hover-button.md) — by Serafim - [Anime Navbar](https://21st.dev/@jatin-yadav05/components/anime-navbar.md) — by Jatin Yadav - [Tabs](https://21st.dev/@originui/components/tabs.md) — by Origin UI - [Globe Feature Section](https://21st.dev/@ruixen.ui/components/globe-feature-section.md) — by Ruixen UI - [Placeholders And Vanish Input](https://21st.dev/@manuarora700/components/placeholders-and-vanish-input.md) — by Manu Arora - [Animated Shiny Text](https://21st.dev/@dillionverma/components/animated-shiny-text.md) — by Dillion Verma - [Pixel Canvas](https://21st.dev/@serafimcloud/components/pixel-canvas.md) — by Serafim - [Stacked Circular Footer](https://21st.dev/@arihantcodes_1f7b8c4d/components/stacked-circular-footer.md) — by Arihant jain - [Wave](https://21st.dev/@designali-in/components/wave-1.md) — by Ali Imam - [Mountain Scene](https://21st.dev/@dhileepkumargm/components/mountain-scene.md) — by Dhileep Kumar GM - [Dot Loader](https://21st.dev/@paceui/components/dot-loader.md) — by Pace UI - [Text Generate Effect](https://21st.dev/@manuarora700/components/text-generate-effect.md) — by Manu Arora - [Travel Connect Signin](https://21st.dev/@coderislive07/components/travel-connect-signin-1.md) — by Mridul Dhamija - [Card Spotlight](https://21st.dev/@manuarora700/components/card-spotlight.md) — by Manu Arora - [Separator](https://21st.dev/@shadcn/components/separator.md) — by shadcn - [Pricing Section with Comparison](https://21st.dev/@tommyjepsen/components/pricing-section-with-comparison.md) — by Tommy Jepsen - [Hero with group of images, text and two buttons](https://21st.dev/@tommyjepsen/components/hero-with-group-of-images-text-and-two-buttons.md) — by Tommy Jepsen - [Message loading](https://21st.dev/@jakobhoeg/components/message-loading.md) — by Jakob Hoeg Mørk - [Pricing Section](https://21st.dev/@tommyjepsen/components/pricing-cards.md) — by Tommy Jepsen - [Globe Interactive](https://21st.dev/@shuding/components/cobe-globe-interactive.md) — by shuding - [Globe CDN](https://21st.dev/@shuding/components/cobe-globe-cdn.md) — by shuding - [Hover Border Gradient](https://21st.dev/@manuarora700/components/hover-border-gradient.md) — by Manu Arora - [Feature with advantages](https://21st.dev/@tommyjepsen/components/feature-with-advantages.md) — by Tommy Jepsen - [Commits Grid](https://21st.dev/@gonzalochale/components/commits-grid.md) — by gonzalo chalé - [Globe Polaroids](https://21st.dev/@shuding/components/cobe-globe-polaroids.md) — by shuding - [Hero with image, text and two buttons](https://21st.dev/@tommyjepsen/components/hero-with-image-text-and-two-buttons.md) — by Tommy Jepsen - [Typing Animation](https://21st.dev/@dillionverma/components/typing-animation.md) — by Dillion Verma - [Gradual Spacing](https://21st.dev/@dillionverma/components/gradual-spacing.md) — by Dillion Verma - [Social Links](https://21st.dev/@serafimcloud/components/social-links.md) — by Serafim - [Large Name Footer](https://21st.dev/@arihantcodes_1f7b8c4d/components/large-name-footer.md) — by Arihant jain Full component directory: https://21st.dev/llms.txt