Crafted for the Woman Who Shines

Discover our handcrafted jewelry — designed to celebrate every moment, every mood, every you.

✨ Easy Scroll Animations

Add beautiful fade-in effects to any element on your page in 3 simple steps

1

Add the class

Copy the class name below and add it to any HTML element you want to animate

2

Add delays (optional)

Use delay classes to create staggered animations for multiple elements

3

Customize settings

Adjust speed, distance, and timing in the block settings below

<!-- Basic: Just add this class to any element -->
<div class="ai-scroll-animate-abndzuhpfy3qwr2rmtaigenblocka116532j764gv">This fades in!</div>

<!-- Advanced: Create staggered animations -->
<h2 class="ai-scroll-animate-abndzuhpfy3qwr2rmtaigenblocka116532j764gv ai-scroll-animate-delay-1-abndzuhpfy3qwr2rmtaigenblocka116532j764gv">First</h2>
<p class="ai-scroll-animate-abndzuhpfy3qwr2rmtaigenblocka116532j764gv ai-scroll-animate-delay-2-abndzuhpfy3qwr2rmtaigenblocka116532j764gv">Second</p>
<button class="ai-scroll-animate-abndzuhpfy3qwr2rmtaigenblocka116532j764gv ai-scroll-animate-delay-3-abndzuhpfy3qwr2rmtaigenblocka116532j764gv">Third</button>
💡

Pro tip: You can use delays from 1 to 6. Each delay adds 100ms to the animation start time.

Crafted with Precision & Love

Every piece tells a story of elegance and timeless beauty

Elegant & Subtle

Smooth animations that enhance your content without being distracting

Easy to Customize

Adjust speed, distance, and timing with simple slider controls

Accessible by Default

Automatically respects user preferences for reduced motion

Explore Collection

Keep scrolling to see it in action

Each section animates as it comes into view — smooth and effortless