saturation/uisaturation/ui
DocsComponentsBlocksPages
GitHub

Sections

IntroductionComponentsInstallationMCPTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBeamBlur FadeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandComparison SliderContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmoji PickerEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNavigation MenuNovel EditorPaginationParallaxProgressProgressive BlurRadio GroupRippleSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Docs/Components/Glow Effect

Glow Effect

Adds a glow effect around elements.

Loading...

Installation

pnpm dlx shadcn@latest add https://ui.saturation.io/r/glow-effect.json

Tailwind v4 — Source Scanning

Saturation UI copies component source into your project via the shadcn registry (no npm package). If Tailwind v4 isn't scanning your components directory, add this to your CSS entry file:

@source "../components";

This ensures all utility classes in CVA variants and data attribute selectors are included in your build.

Usage

import { GlowEffect } from "@/components/ui/glow-effect"
<div className="relative">
  <GlowEffect />
  Content here
</div>

Examples

Pulse

Loading...
Pulsing glow animation.

Breathe

Loading...
Breathing animation.

Color Shift

Loading...
Sequential color transitions.

Card

Loading...
Static glow on card.

Flow

Loading...
Horizontal flow animation.

API Reference

PropTypeDefaultDescription
colorstring"blue"The glow color.
blurnumber20Blur amount in pixels.
PreviousFull CalendarNextInput Group

On This Page

  • Installation
  • Usage
  • Examples
  • Pulse
  • Breathe
  • Color Shift
  • Card
  • Flow
  • API Reference
Rotate
Pulse
Breathe

Pulse Glow

Green and blue pulsing

Breathe Glow

Amber and red breathing

Color Shift

Blue, purple, pink, amber

Premium Plan

Get access to all features with a static ambient glow effect.

$29/month

Horizontal Flow

Blue and purple flowing across