Atelier UI

(0.3.0)
Read the docsGithub
Components14

Explore components

Getting started

  • Installation
  • How to contribute
  • Code of conduct
  • Why Atelier?

Background Effect

  • Glowing Fog
    pro
  • Halftone Glow
    pro

Cursor Effect

  • Fluid Distortion
  • Image Trail
  • Liquid Touch
  • Magnetic Dot Grid
  • Pixel Trail

Text Effect

  • Pixelated Text
  • Simple Scramble

Scroll Effect

  • Elastic Stick
    pro
  • Infinite Gallery
  • Infinite Parallax
  • Infinite Zoom
  • Scattered Scroll

Atelier UI

Pages

DocsGetting startedComponentsContribute

Social

Github(opens in new tab)Support(opens in new tab)
Design & Built by Jérémie NalletIn Paris, France 🇫🇷
Atelier UI version 0.3.0 ©2026all rights reserved
  1. Component list
  2. /
  3. Elastic Stick

Elastic Stick

Items that bounce and stick to the center while scrolling.

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

Unlock the source code and CLI install with a one-time license. Yours forever.

Go proSign 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.
On this page
  • CLI Install
  • Manual Install
  • API