Registry Index

Search the catalog

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

ComponentReactregistry:component1 dependency

DodgeField

DodgeField-JS-CSS

Wrapper that makes any child flee the pointer inside a bounded field, dodges once per approach, then relents after a few tries and glides home.

@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.

4 variants

Variants of this

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

Wrapper that makes any child flee the pointer inside a bounded field, dodges once per approach, then relents after a few tries and glides home.

Open
@react-bits

More from @react-bits

All 469 items
LaserFlow
LaserFlow-JS-CSS
Component
DecayCard
DecayCard-TS-CSS
Component
Scanner
Scanner-TS-CSS
Component
FlipCard
FlipCard-TS-CSS
Component
DepthCarousel
DepthCarousel-JS-CSS
Component
Aurora
Aurora-TS-CSS
Component
Strands
Strands-TS-CSS
Component
ScrubField
ScrubField-JS-CSS
Component