Back To Top

Fills its ring as you read, and when you press it the arrow lifts off while the page glides back up.

Library

UI Lab

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add https://lab.xevrion.dev/r/back-to-top.json

Files

• src/lab/components/back-to-top.tsx
• src/lib/use-reduced-motion.ts
• src/lab/preview-play.ts
• src/lib/cn.ts

Source

https://github.com/xevrion/ui-lab

Categories

• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components

More from UI Lab

• Accordion
• Activity Timeline
• Announcement Banner
• Arrow Callout
• Autosave Status
• Availability Badge
• Avatar Stack
• Badge Counter
• Balance Scale
• Bar Chart
• Binary Year
• Bookmark Button