Customize

The Customize tab helps you make your notification pop, yet keep it professional! This section lets you tweak every little detail to match your style, whether you are going for sleek and professional or fun and funky.

Notification Title, Description, Background, Close Button Colors

• Title color: Pick a hue that makes your notification headline shine. Go bold or go home!

• Description color: Keep it readable but stylish. Contrast is key!

• Background color: Set the stage—choose a solid shade or go transparent for a modern look.

• Close button color: Because even the "X" deserves to slay.

Background Pattern

Not feeling a plain background? Spice it up with one of these snazzy designs:

You can choose your background from None (for a clean and minimalist look) to geometric, playful, and subtly textured options.

Pro Tip: Pair a transparent background with a pattern for a chic, layered effect!

Customize your Notification Further:

• Internal padding: Give your text room to breathe. 

Less cramped = more elegant.

• Background blur: For that frosted-glass effect (only works with transparent backgrounds).

Custom CSS (For the Code Warriors)

Already know CSS? Go wild with your own tweaks! Example:

/notification_1 { font-weight: bold !important; } 

Translation: "Make my text BOLDER because subtlety is overrated."

Borders

Borders gives your notifications the perfect finishing touch! Whether you’re aiming for sleek minimalism or eye-catching depth, we have got the tools to make it happen. 

Shadow

Give your notifications a lift (literally) with these shadow options:

• None: Flat and modern. Perfect for clean designs. 

• Subtle: A whisper of depth—professional but understated.

• Feather: Soft and diffused, like a cloud gently lifting your alert.

• Simple 3D: For the flat minimalistic look.

• Layered: For a bold look that makes the user notice the notification.

Pro Tip: Pair with Shadow color tint to match your brand or mood!

Time to define those edges! Customize every detail:

• Border width: Thin and delicate? Thick and bold? Your call.

• Border color: Match your theme or go contrast for pop.

• Border radius:

• Straight: Sharp corners for a no-nonsense vibe.

• Round: Slightly softened—friendly but professional.

• Rounded: Plush and pillowy (great for playful designs).

• Highly rounded: Basically a bubble. So cute!

Hint: Combine shadow + border radius for a modern "floating" effect, or go shadowless + straight edges for ultra-minimalist chic.

Animations

Animations lets your notifications come to life! Whether you want smooth elegance or playful pops, we have got the tools to make your alerts move with style. 

• Hover animation: Select how your notification screams, “Look at me!”

• Fast scale up

• Slow scale up

• Fast scale down

• Slow scale down

• Entrance and Exit Animation

• Entrance Animation

• Fade in: Smooth and classy—like a gentle sunrise.

• Animation: More options coming soon! (Get ready for slides, bounces, and spins.)

• None: Straight to the point. No frills, no fuss.

• Exit Animation

• Fade out: A graceful goodbye—no dramatic door slams here.

• Seconds: Control how long it lingers before vanishing. Poof!

• Animation interval: The sweet spot between "too fast" and "waiting forever." Adjust timing to keep things snappy or relaxed. The default is 3 seconds.

Pro Tip: 

• Pair fade-in + fade-out for buttery-smooth transitions.

• Use hover animations for interactive elements (like buttons or links).

• Keep intervals short for urgent alerts, longer for casual updates.