How to replicate Grid-like UI with border color?

I recently noticed a trend of this kind of UI and want to replicate it in my next project. I have tried inspecting and messing with some css but can't properly understand the implementation. Can someone please guide me to any article, blog post or tutorial that implements this type of UI? Thanks in advance https://www.better-auth.com/
Better Auth
Better Auth
The most comprehensive authentication library for TypeScript.
3 Replies
Shayokh
ShayokhOP5d ago
Also, how do they do it?
Shayokh
ShayokhOP5d ago
No description
clevermissfox
clevermissfox5d ago
They are seperate svg elements in a element class name 'hidden md:grid top-1/2 left-0 -translate-y-1/2 w-full grid-cols-3 z-10 pointer-events-none select-none absolute'
No description

Did you find this page helpful?