Style hub

gradient-glow components

62 published entries carry the gradient-glow label. They cost 55.2 KB gzipped on average against 54.1 KB across the index, which is 1.1 KB more per component. They record 0.2 axe findings per entry against 0.5 across the index, 0.3 fewer. 61 of them mount, 50 scan clean, and 22 survive the bare install with the shadcn-style helpers removed.

62Entries in this style

55.2Average gzip

0.2Average axe findings

22Pass bare install

Filter the 60 entries on this page

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 62Page 1 of 2

ruixen-loading-circle

Motion

Harness screenshot of ruixen-loading-circle at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 17.7KB
Bare: pass
Prov: NO

gradient-glowbackground-effect

ruixen-ripple-circles

Motion

Harness screenshot of ruixen-ripple-circles at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 17.9KB
Bare: pass
Prov: NO

gradient-glowbackground-effect

uilayouts-btn-hover-multiple

Motion

Harness screenshot of uilayouts-btn-hover-multiple at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 17.9KB
Bare: pass
Prov: NO

gradient-glowhover-effect

ruixen-ruixen-gradient-footer

Motion

Harness screenshot of ruixen-ruixen-gradient-footer at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 18.1KB
Bare: pass
Prov: NO

gradient-glowfooter

uilayouts-hovercard2

Motion

Harness screenshot of uilayouts-hovercard2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 24.0KB
Bare: pass
Prov: NO

gradient-glowhover-effect

hextaui-skeleton

Motion

Harness screenshot of hextaui-skeleton at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 29.5KB
Bare: pass
Prov: NO

gradient-glowskeleton

tripled-gradient-animation-shadcnui

Motion

Harness screenshot of tripled-gradient-animation-shadcnui at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 58.1KB
Bare: pass
Prov: NO

gradient-glowbackground-effect

tripled-floating-gradient-shadcnui

Motion

Harness screenshot of tripled-floating-gradient-shadcnui at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 58.5KB
Bare: pass
Prov: NO

gradient-glowbackground-effect

eldora-svg-ripple-effect

Motion

Harness screenshot of eldora-svg-ripple-effect at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 58.9KB
Bare: pass
Prov: NO

gradient-glowbackground-effect

ruixen-wordmark-footer

Motion

Renders: YES
A11y: 0
Gzip: 59.0KB
Bare: pass
Prov: NO

gradient-glowfooter

tripled-mood-gradient-button-shadcnui

Motion

Harness screenshot of tripled-mood-gradient-button-shadcnui at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 59.2KB
Bare: pass
Prov: NO

gradient-glowbutton

ruixen-hover-gradient-navbar

Motion

Harness screenshot of ruixen-hover-gradient-navbar at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 60.9KB
Bare: pass
Prov: NO

gradient-glownavbar

ruixen-floating-toolbar

Motion

Harness screenshot of ruixen-floating-toolbar at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 61.3KB
Bare: pass
Prov: NO

gradient-glowinput

ruixen-share-button

Motion

Harness screenshot of ruixen-share-button at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 61.5KB
Bare: pass
Prov: NO

gradient-glowbutton

tripled-dynamic-spotlight-cta-shadcnui

Motion

Harness screenshot of tripled-dynamic-spotlight-cta-shadcnui at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 64.3KB
Bare: pass
Prov: NO

gradient-glowcta

tripled-scroll-progress-tracker-shadcnui

Motion

Harness screenshot of tripled-scroll-progress-tracker-shadcnui at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 64.3KB
Bare: pass
Prov: NO

gradient-glowprogress

motion-primitives-border-trail

Motion

Harness screenshot of motion-primitives-border-trail at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 70.0KB
Bare: pass
Prov: NO

gradient-glowhover-effect

motion-primitives-text-shimmer

Motion

Harness screenshot of motion-primitives-text-shimmer at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 70.1KB
Bare: pass
Prov: NO

gradient-glowtext-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

animata-animated-gradient-text

Motion

Harness screenshot of animata-animated-gradient-text at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 26.2KB
Bare: fail
Prov: NO

gradient-glowtext-effect

animata-animated-beam

Motion

Harness screenshot of animata-animated-beam at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 27.0KB
Bare: fail
Prov: NO

gradient-glowbackground-effect

magicui-neon-gradient-card

Motion

Harness screenshot of magicui-neon-gradient-card at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 27.2KB
Bare: fail
Prov: NO

gradient-glowcard

cultui-cosmic-button

Motion

Harness screenshot of cultui-cosmic-button at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 27.5KB
Bare: fail
Prov: NO

gradient-glowhover-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-animated-gradient-text

Motion

Harness screenshot of magicui-animated-gradient-text at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 29.2KB
Bare: fail
Prov: NO

gradient-glowtext-effect

magicui-shine-border

Motion

Harness screenshot of magicui-shine-border at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 29.5KB
Bare: fail
Prov: NO

gradient-glowhover-effect

magicui-glare-hover

Motion

Harness screenshot of magicui-glare-hover at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.4KB
Bare: fail
Prov: NO

gradient-glowhover-effect

ruixen-rotating-gradient-right

Motion

Harness screenshot of ruixen-rotating-gradient-right at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.5KB
Bare: fail
Prov: NO

gradient-glowbackground-effect

ruixen-spark-chart

Motion

Harness screenshot of ruixen-spark-chart at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.8KB
Bare: fail
Prov: NO

gradient-glowinput

cultui-gradient-heading

Motion

Harness screenshot of cultui-gradient-heading at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 31.8KB
Bare: fail
Prov: NO

gradient-glowtext-effect

magicui-rainbow-button

Motion

Harness screenshot of magicui-rainbow-button at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.0KB
Bare: fail
Prov: NO

gradient-glowbutton

cultui-bg-animate-button

Motion

Harness screenshot of cultui-bg-animate-button at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.9KB
Bare: fail
Prov: NO

gradient-glowhover-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

motion-primitives-text-shimmer-wave

Motion

Harness screenshot of motion-primitives-text-shimmer-wave at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 66.8KB
Bare: fail
Prov: NO

gradient-glowtext-effect

magicui-sparkles-text

Motion

Harness screenshot of magicui-sparkles-text at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 67.1KB
Bare: fail
Prov: NO

gradient-glowtext-effect

motion-primitives-glow-effect

Motion

Harness screenshot of motion-primitives-glow-effect at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 67.1KB
Bare: fail
Prov: NO

gradient-glowbackground-effect

motion-primitives-spotlight

Motion

Harness screenshot of motion-primitives-spotlight at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 67.8KB
Bare: fail
Prov: NO

gradient-glowhero-effect

ruixen-progressive-flux-loader

Motion

Harness screenshot of ruixen-progressive-flux-loader at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 69.6KB
Bare: fail
Prov: NO

gradient-glowprogress

magicui-line-shadow-text

Motion

Harness screenshot of magicui-line-shadow-text at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 69.9KB
Bare: fail
Prov: NO

gradient-glowtext-effect

magicui-border-beam

Motion

Harness screenshot of magicui-border-beam at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 70.2KB
Bare: fail
Prov: NO

gradient-glowhover-effect

magicui-shiny-button

Motion

Harness screenshot of magicui-shiny-button at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 70.2KB
Bare: fail
Prov: NO

gradient-glowbutton

tripled-cta-block-shadcnui

Motion

Harness screenshot of tripled-cta-block-shadcnui at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 70.3KB
Bare: fail
Prov: NO

gradient-glowcta

tripled-new-hero-section-shadcnui

Motion

Harness screenshot of tripled-new-hero-section-shadcnui at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 70.5KB
Bare: fail
Prov: NO

gradient-glowhero-effect

tripled-shimmer-button-shadcnui

Motion

Harness screenshot of tripled-shimmer-button-shadcnui at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 71.5KB
Bare: fail
Prov: NO

gradient-glowbutton

magicui-magic-card

Motion

Harness screenshot of magicui-magic-card at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 71.9KB
Bare: fail
Prov: NO

gradient-glowcard

ruixen-gradient-chat-input

Motion

Harness screenshot of ruixen-gradient-chat-input at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 72.6KB
Bare: fail
Prov: NO

gradient-glowchat

tripled-newsletter-signup-block-shadcnui

Motion

Harness screenshot of tripled-newsletter-signup-block-shadcnui at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 73.5KB
Bare: fail
Prov: NO

gradient-glowpricing

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

tripled-profile-page-shadcnui

Motion

Renders: YES
A11y: 0
Gzip: 73.6KB
Bare: fail
Prov: NO

gradient-glowstats

tripled-ai-loading-skeleton-shadcnui

Motion

Harness screenshot of tripled-ai-loading-skeleton-shadcnui at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 61.4KB
Bare: pass
Prov: NO

gradient-glowskeleton

ruixen-scroll-ruler

Motion

Harness screenshot of ruixen-scroll-ruler at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 62.7KB
Bare: pass
Prov: NO

gradient-glowinput

motion-primitives-text-morph

Motion

Harness screenshot of motion-primitives-text-morph at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 71.3KB
Bare: pass
Prov: NO

gradient-glowtext-effect

ruixen-client-carousel-showcase

Motion

Harness screenshot of ruixen-client-carousel-showcase at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 27.4KB
Bare: fail
Prov: NO

gradient-glowcarousel

ruixen-split-feature-showcase

Motion

Harness screenshot of ruixen-split-feature-showcase at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 68.6KB
Bare: fail
Prov: NO

gradient-glowchat

ruixen-product-feature-hero

Motion

Harness screenshot of ruixen-product-feature-hero at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 69.4KB
Bare: fail
Prov: NO

gradient-glowhero

ruixen-calendar-planner

Motion

Harness screenshot of ruixen-calendar-planner at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 70.6KB
Bare: fail
Prov: NO

gradient-glowselect

tripled-glowy-waves-hero-shadcnui

Motion

Harness screenshot of tripled-glowy-waves-hero-shadcnui at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 72.9KB
Bare: fail
Prov: NO

gradient-glowhero-effect

tripled-stats-counter-block-shadcnui

Motion

Harness screenshot of tripled-stats-counter-block-shadcnui at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 74.3KB
Bare: fail
Prov: NO

gradient-glowstats

tripled-cta-banner-section-shadcnui

Motion

Harness screenshot of tripled-cta-banner-section-shadcnui at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 74.4KB
Bare: fail
Prov: NO

gradient-glowcta

efferd-footer-5

Motion

Harness screenshot of efferd-footer-5 at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 77.0KB
Bare: fail
Prov: NO

gradient-glowfooter