Rubber Segment
Segmented control whose rubber thumb stretches across the gap and squashes into place.
Use Rubber Segment in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/RubberSegment-TS-TWRelated components
- Squish Switch
Switch whose thumb stretches with speed and squashes against the end when you flick it.
- Jelly Radio
Radio group of chips where the chosen one swells and barges its neighbours outward.
- Call Chip
Tool-call chip whose fill wipes across as a live timer ticks, ending green or shaking red.