Registry Index

Search the catalog

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

ComponentReactregistry:componentSelf-contained

SloshGauge

SloshGauge-TS-CSS

Tank gauge whose liquid chases the value with mass, tilts with its own speed and splashes against the top when it slams full; optionally a vertical slider.

@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 SloshGauge from @react-bits — the same idea in another design, language or styling.

Tank gauge whose liquid chases the value with mass, tilts with its own speed and splashes against the top when it slams full; optionally a vertical slider.

Open
@react-bits

More from @react-bits

All 469 items
CurvedLoop
CurvedLoop-TS-CSS
Component
StatusMark
StatusMark-TS-CSS
Component
InfiniteSpiral
InfiniteSpiral-TS-CSS
Component
GlassSurface
GlassSurface-TS-TW
Component
DarkVeil
DarkVeil-JS-CSS
Component
Antigravity
Antigravity-TS-CSS
Component
MoltenMetal
MoltenMetal-TS-CSS
Component
ASCIIText
ASCIIText-JS-CSS
Component