Background patterns
Add special background patterns to make your website shine.


# Preview

Preview of element and code usage

#1 Add Background-patterns code

components-stuff/gridpattern.tsx

const Gridpattern: React.FC = () => {
    return (
    <div
      className="absolute inset-0 h-full w-full bg-white bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:24px_24px]"
     >
        <div className="flex justify-center place-content-center text-center p-24 text-black font-bold ">
            <h1 className="text-3xl">Build cool websites with Eternity UI</h1>
        </div>
     </div>
    );
  };
  
export default Gridpattern;

Done! 🎉
Nice work, you're all set!

Browse all components