About
Floating 'scroll to top' button that appears after the user scrolls past a threshold. Smooth-scrolls to the top on click using lucide-react ArrowUp icon.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds ScrollToTop to your project and fits it to your theme.
Code
How ScrollToTop is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import ScrollToTopinline from "@/components/ui/scroll-to-top"
export default function Demo() {
return <ScrollToTopinline />
}
Dependencies
More by Jason Mohab-Ali
View all
Alqemist Interactive Demo
9
Qreatify Super Agent Card
5
Alqemist Security
4
Alqemist Hero
4
Alqemist How It Works
3
Alqemist Cta
2
What Saa SApp Shell
2
FirstReply Product Detail flow