Marquee

Move a repeating content strip across its container.

@sigil-ui/componentsReact

Preview

import { Marquee } from "@sigil-ui/components";

<Marquee>
  <Badge>Sigil UI</Badge>
  <Badge>Token-driven</Badge>
  <Badge>350+ components</Badge>
  <Badge>46 presets</Badge>
</Marquee>

Prop	Type	Default	Description
`direction`	`"left" \| "right" \| "up" \| "down"`	`left`	Scroll direction.
`duration`	`number`	`30`	Animation duration in seconds.
`pauseOnHover`	`boolean`	`true`	Pause on hover.
`repeat`	`number`	`2`	Number of content copies for seamless loop.
`gap`	`string`	`1rem`	Gap between items.

LetterPullUp

Reveal text with a staggered upward letter animation.

NumberTicker

Animate a number as it changes to a target value.