Components
export default function Component() {
return (
<div className="absolute inset-0 -z-10 h-full w-full bg-white bg-[linear-gradient(to_right,#f0f0f0_1px,transparent_1px),linear-gradient(to_bottom,#f0f0f0_1px,transparent_1px)] bg-[size:6rem_4rem]"></div>
);
}
More examples
Background snippetsOpen page →
Background RadialOpen page →
Background Radial topOpen page →
Background Blur Purple Open page →
Background Radial PurpleOpen page →
Background Radial VioletOpen page →
Background Grid FuchsiaOpen page →
Background Grid BlueOpen page →
Background Dots GrayOpen page →
Background Dots Masked GrayOpen page →
Background Grid GrayOpen page →
Background Grid Masked Dark GrayOpen page →
Background Radial Black VioletOpen page →
Background Radial Dark PurpleOpen page →
Background Blur Fuchsia 1Open page →
Background Radial Dark GrayOpen page →
Published
Similar components
Explore more
Part of Background Snippets — browse the full library on 21st.dev.