border-1

pixel-perfect/border-1

UnverifiedBlock

A dashed border design with corner elements.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/DhruvitNavadiya/portfolio-new/main/border-1.json

Source

registry/new-york/borders/border1.tsxraw.githubusercontent.com/DhruvitNavadiya/portfolio-new/main/border-1.json

1const Border1 = () => (
2  <div className="relative w-full h-full">
3    <span className="absolute -top-0 -left-[0.5px] block size-6 border-dashed border-t-1 border-l-1 border-muted-foreground z-30" />
4    <span className="absolute -top-px -right-px block size-6 border-dashed border-t-1 border-r-1 border-muted-foreground z-30" />
5    <span className="absolute -bottom-px -left-[0.5px] block size-6 border-dashed border-b-1 border-l-1 border-muted-foreground z-30" />
6    <span className="absolute -bottom-px -right-px block size-6 border-b-1 border-r-1 border-dashed border-muted-foreground z-30" />
7  </div>
8);
9 
10export default Border1;

Files it writes

registry/new-york/borders/border1.tsx

More from pixel-perfect

All 60 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
3d-button3d-button	pixel-perfect	Blocks	Unverified	2 deps
abhinav-bento-buttonabhinav-bento-button	pixel-perfect	Blocks	Unverified	no deps
accordion-carouselaccordion-carousel	pixel-perfect	Blocks	Free	1 dep
accordion-foldaccordion-fold	pixel-perfect	Blocks	Free	1 dep
activity-wheel-motionactivity-wheel-motion	pixel-perfect	Blocks	Free	2 deps
animated-textureanimated-texture	pixel-perfect	Blocks	Free	1 dep
aperture-mask-revealaperture-mask-reveal	pixel-perfect	Blocks	Free	1 dep
aurora-curtainaurora-curtain	pixel-perfect	Blocks	Free	no deps