Linear Subtle Grid

The classic highly-prized 'Linear style' background grid. Employs a pure CSS repeating SVG pattern masked by an overlapping radial glow.

futuristicminimalcoolsaastech

Interactive Preview

Immersive BackgroundThis canvas rests beneath all UI layers.

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Implement a 'Linear-style' extremely subtle background grid. Create a 32x32px repeating SVG pattern using pure CSS set to a faint #ffffff opacity 0.04 against an ultra-dark background (#08080D). Crucially, overlay a radial-gradient mask from the top center that softly fades the grid out towards the edges.

BackgroundPro

Linear Subtle Grid

The classic highly-prized 'Linear style' background grid. Employs a pure CSS repeating SVG pattern masked by an overlapping radial glow.

futuristicminimalcoolsaastech

Interactive Preview

Immersive BackgroundThis canvas rests beneath all UI layers.

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

Implement a 'Linear-style' extremely subtle background grid. Create a 32x32px repeating SVG pattern using pure CSS set to a faint #ffffff opacity 0.04 against an ultra-dark background (#08080D). Crucially, overlay a radial-gradient mask from the top center that softly fades the grid out towards the edges.

Back to Explore

BackgroundPro

4 export formats

Linear Subtle Grid

The classic highly-prized 'Linear style' background grid. Employs a pure CSS repeating SVG pattern masked by an overlapping radial glow.

futuristicminimalcoolsaastech

Interactive Preview

Immersive BackgroundThis canvas rests beneath all UI layers.

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Implement a 'Linear-style' extremely subtle background grid. Create a 32x32px repeating SVG pattern using pure CSS set to a faint #ffffff opacity 0.04 against an ultra-dark background (#08080D). Crucially, overlay a radial-gradient mask from the top center that softly fades the grid out towards the edges.

BackgroundPro

Linear Subtle Grid

The classic highly-prized 'Linear style' background grid. Employs a pure CSS repeating SVG pattern masked by an overlapping radial glow.

futuristicminimalcoolsaastech

Interactive Preview

Immersive BackgroundThis canvas rests beneath all UI layers.

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

Implement a 'Linear-style' extremely subtle background grid. Create a 32x32px repeating SVG pattern using pure CSS set to a faint #ffffff opacity 0.04 against an ultra-dark background (#08080D). Crucially, overlay a radial-gradient mask from the top center that softly fades the grid out towards the edges.