Separators built with Motion. Install via CLI or copy the code into your project.
Dashed
Dashed line with clear visibility.
npx @abhivarde/syncui@latest add separators/dashed
Icon
Icon centered between two lines.
npx @abhivarde/syncui@latest add separators/icon
Zigzag
Lines form a zigzag pattern.
npx @abhivarde/syncui@latest add separators/zigzag
Gradient
Color fades smoothly across the line.
npx @abhivarde/syncui@latest add separators/gradient
Shimmer
Light sweeps across the line.
npx @abhivarde/syncui@latest add separators/shimmer
Dotted
Dots form the divider line.
npx @abhivarde/syncui@latest add separators/dotted
Starry
Star toggles on click between two lines.
npx @abhivarde/syncui@latest add separators/starry