Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component1 dependency

DotGrid

DotGrid-JS-TW

Animated dot grid with cursor interactions.

@react-bitsRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

3 variants

Variants of this

Other takes on DotGrid from @react-bits — the same idea in another design, language or styling.

Animated dot grid with cursor interactions.

Open
@react-bits

More from @react-bits

All 469 items
AccordionGallery
AccordionGallery-TS-CSS
Component
StaggeredMenu
StaggeredMenu-JS-CSS
Component
ProfileCard
ProfileCard-JS-CSS
Component
CursorGrid
CursorGrid-TS-CSS
Component
AcidSquares
AcidSquares-JS-CSS
Component
MetaBalls
MetaBalls-TS-CSS
Component
HalftoneReveal
HalftoneReveal-TS-CSS
Component
CurvedInput
CurvedInput-JS-CSS
Component