Separator Component
Solid ink line separators for visually dividing content sections.
Horizontal Separators
Default (1px)
Thick (2px)
Dashed
Dotted
Text Separators
Simple Text
OR
Pill Badge Text
Continue with
Icon Separator
Accent Text
NEW
Chapter Divider
Chapter02
Animated Separators
Gradient Sweep
Pulse Glow
Shimmer Effect
Bouncing Dots
Spinning Icon
Pulsing Heart
Decorative Separators
Diamond Pattern
Arrow Divider
Gradient Fade
Double Line
Zigzag Pattern
Vertical Separators
Default
Thick
Dashed
Dotted
Content Separation
Section Title
This is a description paragraph that provides more context about the section above.
Another Section
The separator above helps create visual distinction between these two related but separate sections.
Final Section
The thick variant creates a stronger visual break for more significant content divisions.