# dot components

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

133 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
- [Status Dot](https://21st.dev/@edwinvakayil/components/status-dot.md) — by Edwin Vakayil
- [Background Components](https://21st.dev/@meghtrix/components/background-components/noise-texture.md) — by meghtrix
- [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-dots-masked-gray.md) — by Julien Thibeaut
- [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-noise-colored.md) — by meghtrix
- [Badge](https://21st.dev/@sean0205/components/badge-2/as-child.md) — by Sean Hello
- [Base Badge](https://21st.dev/@sean0205/components/base-badge/render-prop.md) — by Sean Hello
- [Timeline Rail](https://21st.dev/@nayan_radadiya6/components/timeline-rail/timeline-rail-variants-one.md) — by nayan_radadiya6
- [Shiny Button](https://21st.dev/@designali-in/components/shiny-button.md) — by Ali Imam
- [background plus](https://21st.dev/@reuno-ui/components/background-plus.md) — by reuno-ui
- [Bento Grid](https://21st.dev/@shadcnblockscom/components/casestudy-5.md) — by Shadcnblocks.com
- [Badge](https://21st.dev/@micka_design/components/badge-fluid-functionalism/dot.md) — by micka_design
- [Dots Ring](https://21st.dev/@su2491251/components/dots-ring.md) — by Subhan Uddin
- [Background Pattern](https://21st.dev/@appica-dev/components/background-pattern/cell-size.md) — by appica-dev
- [Split Line Path](https://21st.dev/@airbnb-visx/components/split-line-path.md) — by Airbnb
- [Loading Animation](https://21st.dev/@lovesickfromthe6ix/components/loading-animation-1.md) — by scott clayton
- [Kinetic Grid](https://21st.dev/@satoriui/components/kinetic-grid.md) — by satoriui
- [Timeline](https://21st.dev/@nyxbui/components/timeline.md) — by Nyxb UI
- [HeroUI Color Area](https://21st.dev/@hero_ui/components/heroui-color-area/with-dots.md) — by Hero Ui
- [Bouncing Dots](https://21st.dev/@su2491251/components/bouncing-dots.md) — by Subhan Uddin
- [Flexnative Breadcrumb](https://21st.dev/@felipemenezes098/components/flexnative-breadcrumb/dot-separator.md) — by felipemenezes098
- [Anti Metal Button](https://21st.dev/@smammar/components/anti-metal-button.md) — by SMAmmar
- [Loader](https://21st.dev/@mvp_Subha/components/loader/spiral-loader.md) — by mvp_Subha
- [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-dots-gray.md) — by Julien Thibeaut
- [Background Components](https://21st.dev/@meghtrix/components/background-components/white-grid-with-dots.md) — by meghtrix
- [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-dotted-grid.md) — by meghtrix
- [Base Badge](https://21st.dev/@sean0205/components/base-badge/with-dot.md) — by Sean Hello
- [Badge](https://21st.dev/@sean0205/components/badge-2/with-dot.md) — by Sean Hello
- [Timeline Rail](https://21st.dev/@nayan_radadiya6/components/timeline-rail.md) — by nayan_radadiya6
- [Background Pattern](https://21st.dev/@appica-dev/components/background-pattern.md) — by appica-dev
- [BeUI Range Slider](https://21st.dev/@starc007/components/be-ui-range-slider.md) — by Saurabh
- [HalftoneTrail](https://21st.dev/@aayush-duhan/components/halftone-trail.md) — by AAYUSH duhan
- [Helix Loader](https://21st.dev/@elements-/components/loader-helix.md) — by Cameron Kelliher
- [Loader](https://21st.dev/@ruhith369/components/loader.md) — by ruhith
- [MarkerLabel](https://21st.dev/@mapcn/components/mapcn-marker-label.md) — by Anmoldeep Singh
- [Dots Pattern](https://21st.dev/@uilayout.contact/components/dots-pattern.md) — by ui layout
- [Morphing Page Dots](https://21st.dev/@ruixen.ui/components/morphing-page-dots.md) — by Ruixen
- [Changelog Carousel](https://21st.dev/@cnippet-dev/components/changelog-carousel.md) — by Cnippet
- [Bounce Dots](https://21st.dev/@su2491251/components/bounce-dots.md) — by Subhan Uddin
- [Pulsating Loader](https://21st.dev/@mvp_Subha/components/pulsating-loader/bouncing-loader.md) — by mvp_Subha
- [Triple Dot Spinner](https://21st.dev/@loading-ui/components/triple-dot-spinner.md) — by loading-ui
- [QR Code](https://21st.dev/@tom_ui/components/qr-code.md) — by tom
- [Loading-animation](https://21st.dev/@n38693842/components/loading-animation.md) — by Nick
- [Animated Fractal Dot Grid](https://21st.dev/@cult-ui/components/bg-animated-fractal-dot-grid.md) — by cult/ui
- [Dot Flow](https://21st.dev/@paceui/components/dot-flow.md) — by Pace UI
- [Shooting Stars Grid](https://21st.dev/@nexus-ui/components/shooting-stars-grid.md) — by nexus-ui
- [Gate Shift](https://21st.dev/@zzzzshawn/components/dotm-circular-7.md) — by Shawn Silva
- [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-dot-matrix.md) — by meghtrix
- [Background Pattern](https://21st.dev/@appica-dev/components/background-pattern/spotlight.md) — by appica-dev
- [QR Code](https://21st.dev/@tom_ui/components/qr-code/error-levels.md) — by tom
- [Spider Cursor](https://21st.dev/@minhxthanh/components/spider-cursor.md) — by Le Thanh
- [Dots Ring](https://21st.dev/@loading-ui/components/dots-ring.md) — by loading-ui
- [Wireframe Dotted Globe](https://21st.dev/@moazamtrade/components/wireframe-dotted-globe.md) — by Jessi
- [New Badge](https://21st.dev/@edwinvakayil/components/new-badge.md) — by Edwin Vakayil
- [Spiral](https://21st.dev/@loading-ui/components/spiral.md) — by loading-ui
- [Arrow Dots Button](https://21st.dev/@nextjsshop/components/arrow-dots-button.md) — by nextjs shop
- [Interactive Dots](https://21st.dev/@designali-in/components/interactive-dots-1.md) — by Ali Imam
- [Area Chart](https://21st.dev/@LegionWebDev/components/area-chart/dotted-area-chart.md) — by Legion Dev
- [Interactive Hover Button](https://21st.dev/@Shatlyk1011/components/interactive-hover-button.md) — by Shatlyk1011

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