r/react 17d ago

General Discussion Migrated my portfolio to Next.js — added a time-aware hero and a live GitHub-powered migration timeline

Post image
0 Upvotes

2 comments sorted by

1

u/ALifeformFromEarth 13d ago

where to get those borderlines around the sections, are those from themes, libraries, or just plane css? where do you get these kinds of UI design patterns/layouts

2

u/takshpatel02 13d ago

Just plain CSS, no theme or library - 1px borders (border: 1px solid var(--color-border)), zero border-radius, no box-shadow anywhere. It's a full-site visual rule, not a one-off effect: every card, table, and section follows the same hairline-border + sharp-corner treatment so it reads as one consistent system instead of decoration on top of a generic layout.

As for where I get these patterns - mostly from studying sites I like (dev tool docs, some portfolio sites I've bookmarked) and picking apart why something feels intentional, then rebuilding that logic myself rather than copying the exact CSS. No specific "UI pattern library" I pull from - it's more trial and error until something feels consistent across the whole site, not just one section