vibecodng.com

Free MCP betaIndex and tools live

Pattern hub

background-effect components

63 published entries solve the background-effect pattern. 62 mount, 62 record zero axe findings, 25 build without the shadcn-style helpers, and 1 are here as explicit do-not-use verdicts. The group averages 60.7 KB gzipped against 54.1 KB across the index.

63Entries for this pattern
62Mount in the harness
62Zero axe findings
1Do-not-use verdicts

60 shown

This box narrows the cards already on the page. To search the whole index, open a style or pattern hub below.

1 to 60 of 63Page 1 of 2

cultui-lightboard

Motion
Harness screenshot of cultui-lightboard at 768 pixels wide
Renders
YES
A11y
0
Gzip
19.6KB
Bare
pass
Prov
NO

liquid-glassbackground-effect

cultui-edge-blur

Motion
Harness screenshot of cultui-edge-blur at 768 pixels wide
Renders
YES
A11y
0
Gzip
20.8KB
Bare
pass
Prov
NO

glassmorphismbackground-effect

magicui-backlight

Motion
Harness screenshot of magicui-backlight at 768 pixels wide
Renders
YES
A11y
0
Gzip
20.8KB
Bare
pass
Prov
NO

aurora-meshbackground-effect

animata-blurry-blob

Motion
Harness screenshot of animata-blurry-blob at 768 pixels wide
Renders
YES
A11y
0
Gzip
29.2KB
Bare
pass
Prov
NO

aurora-meshbackground-effect

eldora-photon-beam

Motion
Harness screenshot of eldora-photon-beam at 768 pixels wide
Renders
YES
A11y
0
Gzip
148.9KB
Bare
pass
Prov
NO

gradient-glowbackground-effect

magicui-confetti

Motion
Harness screenshot of magicui-confetti at 768 pixels wide
Renders
YES
A11y
0
Gzip
18.5KB
Bare
fail
Prov
NO

unclassifiedbackground-effect

cultui-bg-media

Motion
Harness screenshot of cultui-bg-media at 768 pixels wide
Renders
YES
A11y
0
Gzip
27.0KB
Bare
fail
Prov
NO

liquid-glassbackground-effect

magicui-glyph-matrix

Motion
Harness screenshot of magicui-glyph-matrix at 768 pixels wide
Renders
YES
A11y
0
Gzip
27.1KB
Bare
fail
Prov
NO

dark-futuristicbackground-effect

cultui-grid-beam

Motion
Harness screenshot of cultui-grid-beam at 768 pixels wide
Renders
YES
A11y
0
Gzip
29.2KB
Bare
fail
Prov
NO

gradient-glowbackground-effect

magicui-ripple

Motion
Harness screenshot of magicui-ripple at 768 pixels wide
Renders
YES
A11y
0
Gzip
29.9KB
Bare
fail
Prov
NO

aurora-meshbackground-effect

magicui-meteors

Motion
Harness screenshot of magicui-meteors at 768 pixels wide
Renders
YES
A11y
0
Gzip
30.0KB
Bare
fail
Prov
NO

aurora-meshbackground-effect

magicui-retro-grid

Motion
Harness screenshot of magicui-retro-grid at 768 pixels wide
Renders
YES
A11y
0
Gzip
30.3KB
Bare
fail
Prov
NO

skeuomorphismbackground-effect

magicui-particles

Motion
Harness screenshot of magicui-particles at 768 pixels wide
Renders
YES
A11y
0
Gzip
30.8KB
Bare
fail
Prov
NO

aurora-meshbackground-effect

kokonut-tweet-card

Motion
Harness screenshot of kokonut-tweet-card at 768 pixels wide
Renders
YES
A11y
0
Gzip
50.6KB
Bare
fail
Prov
NO

dark-futuristicbackground-effect

ruixen-rising-glow

Motion
Harness screenshot of ruixen-rising-glow at 768 pixels wide
Renders
YES
A11y
0
Gzip
66.5KB
Bare
fail
Prov
NO

gradient-glowbackground-effect

fancy-screensaver

Motion
Harness screenshot of fancy-screensaver at 768 pixels wide
Renders
YES
A11y
0
Gzip
67.0KB
Bare
fail
Prov
NO

dark-futuristicbackground-effect

magicui-light-rays

Motion
Harness screenshot of magicui-light-rays at 768 pixels wide
Renders
YES
A11y
0
Gzip
67.1KB
Bare
fail
Prov
NO

aurora-meshbackground-effect

efferd-not-found-2

Motion
Harness screenshot of efferd-not-found-2 at 768 pixels wide
Renders
YES
A11y
0
Gzip
73.6KB
Bare
fail
Prov
NO

gradient-glowbackground-effect

Browse by style

minimal-flat675unclassified246skeuomorphism126dark-futuristic118gradient-glow62editorial55brutalism50glassmorphism48spatial463d45liquid-glass38aurora-mesh21claymorphism12neumorphism12bento6holographic1

Browse by pattern

button102input100card81text-effect68navbar67feature-grid66background-effect63auth-form55pricing49badge40hero40form38team37hover-effect36calendar35cta33stats33checkbox32faq32select31testimonials30footer29scroll-effect29cursor-effect25switch24textarea23chat22avatar20hero-effect19sheet19transition-effect19progress18sidebar18logo-wall17accordion16tabs16carousel15contact-form15dialog15dropdown14alert13image13tooltip13chart12table12radio-group11blog-cards9slider8loader7popover6skeleton6globe-viz4breadcrumb3video-player3