Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:uiSelf-contained

Striped Pattern

striped-pattern

A background striped pattern made with SVGs, fully customizable using Tailwind CSS.

@magicuiRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

3 demos

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Example showing a background striped pattern with a dashed stroke.

@magicui

More from @magicui

All 71 items
Text Reveal
text-reveal
Component
Noise Texture
noise-texture
Component
Interactive Grid Pattern
interactive-grid-pattern
Component
Theme Toggler
animated-theme-toggler
Component
Dot Pattern
dot-pattern
Component
interactive-hover-button
Component
Aurora Text
aurora-text
Component
Number Ticker
number-ticker
Component