Separator
Sculpted dividers with carved groove and ridge effects for visual hierarchy.
Default
Simple carved line with subtle highlight effect.
Section Title
This content appears above the separator.
Next Section
This content appears below the separator.
Groove
Deep carved groove effect like an engraved line.
Primary Content
The groove separator creates a more pronounced division.
Secondary Content
Content sections are clearly delineated.
Ridge
Raised ridge effect that stands out from the surface.
Above the Ridge
The ridge variant creates an elevated dividing line.
Below the Ridge
This creates the opposite effect of the groove.
Vertical
Vertical separators for horizontal layouts.
128
Projects
24
Team
99%
Uptime
4.9
Rating
Variant Comparison
All three variants side by side.
Default
Groove
Ridge
In Card Context
Separators used within a card for order summary.
Order summary
Backpack$128.00
Shipping$0.00
Tax$10.24
Total$138.24
In Sculpted Container
Separators used within a sculpt-inset container.
Account Settings
Manage your account preferences
Email NotificationsEnabled
Two-Factor AuthActive
Session Timeout30 min
Last updated: Dec 28, 2025