stackblitz-labs/use-stick-to-bottom
A lightweight React Hook intended mainly for AI chat applications, for smoothly sticking to bottom of messages
Implements velocity-based spring animations via `ResizeObserver` to detect content changes and maintain scroll position, distinguishing user scrolling from programmatic animations without debouncing. Works as a zero-dependency hook or component with context support, enabling child components to access `isAtBottom` state and trigger smooth scrolling—particularly useful when streaming variable-sized content in AI chat interfaces.
696 stars.
Stars
696
Forks
47
Language
TypeScript
License
MIT
Category
Last pushed
Feb 06, 2026
Commits (30d)
0
Get this data via API
curl "https://pt-edge.onrender.com/api/v1/quality/llm-tools/stackblitz-labs/use-stick-to-bottom"
Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.
Higher-rated alternatives
CNSeniorious000/free-chat
An elegant LLM chat UI forked from chatgpt-demo of @anse-app. Index site at https://free-chat.asia
anse-app/chatgpt-demo
Minimal web UI for ChatGPT.
horizon-ui/chatgpt-ai-template
🧠Horizon AI Template - Trendiest Open-source ChatGPT UI AI Template & Starter Kit for React,...
anantrp/chat-widget
Web Chat Widget - built with ChatGPT (GPT-4)
AINativeKit/chatgpt-apps-sdk-ui
Extension components for ChatGPT Apps SDK - Maps, Albums, Carousels and more. Built on...