ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

BackTop

Floating scroll-to-top button. Appears after scrolling down and smoothly returns users to the top of the page.

Default Button

Circular floating button with an up arrow icon that appears on scroll.

Appears on scroll

Page Context

Place at the end of a long page to give users a quick way back to the top.

FLIN is a full-stack language designed for building web applications with minimal complexity. It combines a reactive template engine with built-in database operations.

Entities define your data model. Routes handle API endpoints. Pages render your UI. Components let you build reusable templates.

When a page has long content, the BackTop button floats in the bottom-right corner to let users quickly return to the top.

Usage

<BackTop />// Add at the end of any long page<div> <h1>Long Page Content</h1> <p>... lots of content ...</p> <BackTop /></div>

Props

PropTypeDefaultDescription
No props. Place the component anywhere in your page.