Atelier UI®

Read the docsGithub
Docs 0.7.0

Getting started

  • Browse Catalog
  • Installation
  • How to contribute
  • Code of conduct

Components (19)

  • Dither Flow
    pro
  • Glowing Fog
    pro
  • Halftone Glow
    pro
  • Fluid Distortion
    new
  • Image Trail
    new
  • Liquid Image
    new
  • Magnetic Dot Grid
    new
  • Pixel Trail
    new
  • Pixelated Text
    new
  • Simple Scramble
    new
  • Text Bounce
    new
  • Text Fluid
    pro
  • Text Roll
    new
  • Curve Image
    new
  • Elastic Stick
    pro
  • Infinite Gallery
    new
  • Infinite Parallax
    new
  • Infinite Zoom
    new
  • Scattered Scroll
    new
Atelier UI 0.7.0 ©2026
Star on githubBuy me a coffeellms.txt
  1. Docs
  2. /
  3. Components
  4. /
  5. Elastic Stick

Elastic Stick

Items that bounce and stick to the center while scrolling.

Motion
Lenis
Tailwind CSS
https://atelier-ui.com/elastic-stick
Unlock Code
Unlock component

Unlock the source code and CLI installation with a one-time license.

Get pro accessSign in
One-time payment. Lifetime access to all current and future pro components.

API

PropTypeDefaultDescription
childrenReactNode—The items to animate. Any JSX element allowed.
staggerValuenumber0.03Time offset between each child's animation start.
scrollTargetRefRefObject<HTMLElement | null>undefinedReference to the scroll target element.
  • CLI Install
  • Manual Install
  • API
Star on githubBuy me a coffeellms.txt