Border & Intersection Effects
Animated borders, gradient rings and intersection tricks for React — the details that frame a card or section without a single image asset. Pure CSS and Tailwind techniques you can copy.
All 10 borders & intersections components
- Border 1 — A dashed border design with corner elements.
- Border 2 — A solid border design with corner elements.
- Intersection 1 — A circular border with gradient intersection lines.
- Intersection 2 — A scoped intersection design with patterned borders.
- Star Border — Star border decorator with animated corners.
- Border1 — Border1 component.
- Border2 — Border2 component.
- Intersection Grid Svg — Intersection Grid Svg component.
- Intersection1 — Intersection1 component.
- Intersection2 — Intersection2 component.