Components
npx shadcn@latest add https://21st.dev/r/meghtrix/grid-backgroundLoading preview...
// This is file of your component
// You can use any dependencies from npm; we import them automatically in package.json
import { cn } from "@/lib/utils";
import { useState } from "react";
export const Component = () => {
const [count, setCount] = useState(0);
return (
<div className="min-h-screen w-full bg-black relative overflow-hidden">
{/* Dark Grid Lines Background */}
<div
className="absolute inset-0 z-0"
style={{
backgroundImage: `
linear-gradient(to right, #262626 1px, transparent 1px),
linear-gradient(to bottom, #262626 1px, transparent 1px)
`,
backgroundSize: "20px 20px", // Adjust grid size as needed
}}
/>
{/* Your Content Here */}
</div>
);
};
export default Component;Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...