Separator Components

A horizontal divider component featuring centered text labels, used to visually separate content sections or provide alternative action labels in a clean, minimalist style.

A clean, horizontal divider component featuring centered text, used to visually separate content sections or provide context in forms and authentication layouts.

A horizontal divider component with centered text, designed to visually separate content sections or authentication methods with a clean, minimalist aesthetic.

A functional UI separator built with Radix UI that provides a thick, customizable horizontal or vertical line to visually divide content sections using Tailwind CSS.

A versatile, accessible separator component built with Base UI that supports horizontal and vertical orientations with customizable solid, dashed, dotted, and double border styles.

A lightweight, accessible divider component that supports both horizontal and vertical orientations, built using Base UI primitives and styled with Tailwind CSS for seamless integration into layouts.

A vertical scroll-linked progress line that animates its stroke length using Framer Motion as the user scrolls through content, featuring a smooth spring-based transition and a linear gradient effect.

A pixel-art inspired 8-bit style separator component that uses CSS linear gradients to create a dashed, retro aesthetic for both horizontal and vertical layouts.