# dot components

> React components tagged "dot" from the 21st community, built with Tailwind CSS.

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

- [Dot Pattern](https://21st.dev/@dillionverma/components/dot-pattern.md) — by Dillion Verma
- [Dot Pattern](https://21st.dev/@designali-in/components/dot-pattern.md) — by Ali Imam
- [Wireframe Dotted Globe](https://21st.dev/@moazamtrade/components/wireframe-dotted-globe.md) — by shadway
- [BG Patterns](https://21st.dev/@sshahaider/components/bg-pattern.md) — by Efferd
- [Shiny Button](https://21st.dev/@designali-in/components/shiny-button.md) — by Ali Imam
- [Background Components](https://21st.dev/@meghtrix/components/background-components/noise-texture.md) — by meghtrix
- [Background Components](https://21st.dev/@meghtrix/components/background-components/white-grid-with-dots.md) — by meghtrix
- [Gradient Dots](https://21st.dev/@sshahaider/components/gradient-dots.md) — by Efferd
- [Interactive Globe](https://21st.dev/@dev.yadhakim/components/interactive-globe.md) — by Yad Hakim
- [Progress Indicator](https://21st.dev/@anurag-mishra22/components/progress-indicator.md) — by Anurag Mishra
- [Dot Loader](https://21st.dev/@paceui/components/dot-loader.md) — by Pace UI
- [Location Tag](https://21st.dev/@jatin-yadav05/components/location-tag.md) — by Jatin Yadav
- [Popover](https://21st.dev/@originui/components/popover/notifications-with-avatars.md) — by Origin UI
- [Moving Dot Card](https://21st.dev/@minhxthanh/components/moving-dot-card.md) — by Le Thanh
- [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-dots-masked-gray.md) — by Julien Thibeaut
- [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-dots-gray.md) — by Julien Thibeaut
- [QR Code](https://21st.dev/@tom_ui/components/qr-code.md) — by tom
- [Animated Loader](https://21st.dev/@anurag-mishra22/components/loader-one.md) — by Anurag Mishra
- [Badge](https://21st.dev/@sean0205/components/badge-2/with-dot.md) — by Sean Hello
- [Badge](https://21st.dev/@sean0205/components/badge-2/as-child.md) — by Sean Hello
- [Card with Grid Ellipsis Pattern](https://21st.dev/@Ali-Hussein-dev/components/card-with-grid-ellipsis-pattern.md) — by Indie UI
- [Animated Dashboard Card](https://21st.dev/@isaiahbjork/components/animated-dashboard-card.md) — by Isaiah
- [Bento Grid](https://21st.dev/@shadcnblockscom/components/casestudy-5.md) — by Shadcnblocks.com
- [Kinetic Dots Loader](https://21st.dev/@daiwiikharihar17147/components/kinetic-dots-loader.md) — by Daiwiik Harihar
- [Bouncing Dots](https://21st.dev/@molecule-lab-rushil/components/bouncing-dots.md) — by Rushil Dhinoja
- [Onboarding Dialog](https://21st.dev/@patrick-xin/components/onboarding-dialog.md) — by Patrick Xin
- [Globe Analytics](https://21st.dev/@shuding/components/cobe-globe-analytics.md) — by shuding
- [Interactive Hover Button](https://21st.dev/@Shatlyk1011/components/interactive-hover-button.md) — by Shatlyk1011
- [Spiral Animation](https://21st.dev/@easemize/components/spiral-animation.md) — by Hossain Jahed
- [Dot Flow](https://21st.dev/@paceui/components/dot-flow.md) — by Pace UI
- [Glowing Background Stars Card](https://21st.dev/@manuarora700/components/glowing-background-stars-card.md) — by Manu Arora
- [QR Code](https://21st.dev/@tom_ui/components/qr-code/colors.md) — by tom
- [Timeline](https://21st.dev/@nyxbui/components/timeline.md) — by Nyxb UI
- [QR Code](https://21st.dev/@tom_ui/components/qr-code/error-levels.md) — by tom
- [Dot Sphere](https://21st.dev/@designali-in/components/dot-sphere.md) — by Ali Imam
- [Loader](https://21st.dev/@ruhith369/components/loader.md) — by ruhith
- [background plus](https://21st.dev/@reuno-ui/components/background-plus.md) — by reuno-ui
- [Bouncing Balls](https://21st.dev/@designali-in/components/bouncing-balls.md) — by Ali Imam
- [Animated Badge](https://21st.dev/@karthikmudunuri/components/animated-badge.md) — by Mudunuri bhaskara karthikeya varma
- [Loader](https://21st.dev/@mvp_Subha/components/loader/spiral-loader.md) — by mvp_Subha
- [Dotted Dialog](https://21st.dev/@serafimcloud/components/dotted-dialog.md) — by Serafim
- [Spider Cursor](https://21st.dev/@minhxthanh/components/spider-cursor.md) — by Le Thanh
- [Animated Dots](https://21st.dev/@designali-in/components/animated-dots.md) — by Ali Imam
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-four.md) — by ShadcnStudio
- [Grid Background](https://21st.dev/@meghtrix/components/grid-background/black-grid-with-white-dots.md) — by meghtrix
- [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-noise-colored.md) — by meghtrix
- [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-white-dotted-grid.md) — by meghtrix
- [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-dot-matrix.md) — by meghtrix
- [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-dotted-grid.md) — by meghtrix
- [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-grid-with-whie-dots.md) — by meghtrix
- [Pulsating Loader](https://21st.dev/@mvp_Subha/components/pulsating-loader.md) — by mvp_Subha
- [Pulsating Loader](https://21st.dev/@mvp_Subha/components/pulsating-loader/bouncing-loader.md) — by mvp_Subha
- [Kinetic Grid](https://21st.dev/@satoriui/components/kinetic-grid.md) — by SatoriUI
- [Morphing Page Dots](https://21st.dev/@ruixen.ui/components/morphing-page-dots.md) — by Ruixen UI
- [Interactive Dots](https://21st.dev/@designali-in/components/interactive-dots-1.md) — by Ali Imam
- [Arrow Dots Button](https://21st.dev/@nextjsshop/components/arrow-dots-button.md) — by Nextjsshop
- [Interactive Dots](https://21st.dev/@designali-in/components/interactive-dots.md) — by Ali Imam
- [MarkerLabel](https://21st.dev/@mapcn/components/mapcn-marker-label.md) — by Anmoldeep Singh
- [HalftoneTrail](https://21st.dev/@aayush-duhan/components/halftone-trail.md) — by Aayush duhan
- [Color Selector](https://21st.dev/@tom_ui/components/color-selector.md) — by tom

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