design-infraReport a problem or share feedback← Catalog
Slosh Gauge
freereact-bits/slosh-gauge
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.
$
npx shadcn@latest add @react-bits/SloshGauge-TS-TW- Source
- React Bits
- Kind
- component
- Categories
- misc
- Use as
- drop-in — replaces your component
- Applies to
- misc
- Motion
- on hover, cursor · medium · js · medium cost · respects reduced motion
- Tags
- micro
- Licence
- MIT + Commons Clause: free to use in commercial apps/sites, but you may not sell or redistribute the components themselves (alone, bundled, or ported). React Bits Pro is a separate paid product.
- Live demo
- www.reactbits.dev
- Docs
- www.reactbits.dev
Similar
Compare all 4 →- Tear Ticketreact-bits/tear-ticketTicket whose perforated stub tears off by hand: paper bridges stretch into fibres and snap one by one from the far end, the torn edges are jagged and fit each other, the freed stub dangles and drops, and the body is stamped as used. The artwork tilts in 3D with parallax on hover.
- Lightboardcult-ui/lightboardInteractive lightboard component with customizable grid and lighting effects
- Liquid Metalsmoothui/liquid-metalA LiquidMetal component for SmoothUI.