Separator
Visually or semantically separates content with organic, flowing lines.
Default Separator
Section One
Content for the first section goes here.
Section Two
Content for the second section goes here.
Gradient Separator
Fades at the edges for a softer, more organic appearance.
Above the line
Below the line
Pattern Separators
Dashed
Dotted
Animated Separators
Fade In
Expand from Center
Flowing Dots
Decorative Separators
With Leaf Icon
With Star Icon
With Sparkles Icon
With Heart Icon
With Diamond Icon
Dots Pattern
Vertical Separators
Left
Right
A
B
X
Y
Profile Card Example
JD
John Doe
Product Designer
Building calm, low-contrast interfaces with thoughtful hierarchy and subtle motion.
Design SystemsAccessibilityMotion
128
Projects
1.2k
Followers
89
Following
With Text Label
Or continue with
New Section
Featured
Colored Separators
Primary
Success
Warning
Sage Green (Aura theme)