Patterns components

Dashed pattern

A dashed pattern component

Variants list

Simple dots pattern

Create a simple dots pattern without images, just with CSS and HTML for better performance, SEO and accessibility & also more micro-interactions

Inspired by Magic UI

Variants list

Edit on Github

Flickering Pattern

A pattern component that creates a flickering effect using SVG and CSS animations. It can be customized with various properties to control the appearance and behavior of the flickering pattern.

Inspired by Magic UI

Variants list

Edit on Github

Simple grid pattern

Create a simple grid pattern without images, just with CSS and HTML for better performance, SEO and accessibility & also more micro-interactions

Variants list

Edit on Github

Line pattern

A line pattern component

Variants list

Edit on Github

Moving bands pattern

Create a moving bands pattern without images, just with CSS and HTML for better performance.

Variants list