Sabil UI

Search documentation

Search for a command to run...

Motion · Scroll & Layout

Scroll Reveal

Sections fade up once when they enter the viewport. Once only — scrolling back does not replay.

Scroll down ↓

Fast by default

Pages load in under a second on a 4G connection.

One foundation

Every component reads the same tokens.

Secure

SSO, audit logs and fine-grained roles.

Built for teams

Comments, mentions and shared workspaces.

Observable

Traces and metrics for every request.

Delightful

Motion that helps instead of decorating.

End

Specs#

TriggerwhileInView, once, margin −40px
Fromopacity 0, y 16px, blur 4px
Duration500ms
Easing--ease-out
Built withMotion

Guidelines#

Use for

  • Marketing pages, feature sections
  • Images and long-form content

Avoid

  • Product UI the user works in every day
  • Hiding content until it animates — it must stay readable