Overlays
BackToTop
Floating up-arrow button that springs into the bottom-right corner once the user has scrolled past a threshold.
BackToTop is the small quality-of-life button that appears once a user has scrolled past a configurable threshold. Glass surface, spring entrance, smooth scroll back to the top of the page on click.
Live preview
Scroll the page — a button fades in at the bottom-right when you’re past the threshold.
Example
tsx
import { BackToTop } from '@kidcash/ui';
<BackToTop threshold={400} />Want all 27 in one place?
The home playground shows every component side-by-side. Or install @kidcash/ui and use BackToTop in your own app.