A lightweight diagonal line background component. Perfect for textures, overlays, or adding subtle depth to your projects.
Make it with Workshop
Build your own component with AI
The Diagonal Lines component adds a sleek, repeating diagonal line pattern to your projects. Built with SVG and optimized for performance, it’s perfect for backgrounds, overlays, or subtle textures in your designs. With fully adjustable settings, you can easily customize colors, opacity, and styling to fit your project’s look.
Background Color
Pattern Color
Pattern Opacity