Components
Loading preview...
export default function Component() {
return (
<div className="absolute top-0 z-[-2] h-screen w-screen bg-neutral-950 bg-[radial-gradient(ellipse_80%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))]"></div>
);
}
More examples
Background snippetsOpen page →
Loading preview...
Background RadialOpen page →
Loading preview...
Background Radial topOpen page →
Loading preview...
Background Blur Purple Open page →
Loading preview...
Background Radial PurpleOpen page →
Loading preview...
Background Radial VioletOpen page →
Loading preview...
Background Grid FuchsiaOpen page →
Loading preview...
Background Grid BlueOpen page →
Loading preview...
Background Dots GrayOpen page →
Loading preview...
Background Dots Masked GrayOpen page →
Loading preview...
Background Grid GrayOpen page →
Loading preview...
Background Grid Light GrayOpen page →
Loading preview...
Background Grid Masked Dark GrayOpen page →
Loading preview...
Background Radial Black VioletOpen page →
Loading preview...
Background Blur Fuchsia 1Open page →
Loading preview...
Background Radial Dark GrayOpen page →
Loading preview...
Published
Similar components
Explore more
Part of Background Snippets — browse the full library on 21st.dev.