A stunning and highly customizable reveal animation component that creates an engaging blinds-like effect to showcase your content. Perfect for hero sections, image galleries, or any dramatic content reveal that will captivate your audience.

✨ Key Features

• Dynamic Blinds Effect: Create mesmerizing reveals with customizable number of blinds
• Multi-directional Animation: Choose from 4 animation directions (top, bottom, left, right)
• Scroll-based Animation: Trigger animations as users scroll through your content
• Spring Physics: Fine-tune animation feel with professional spring physics controls
• Responsive Design: Works flawlessly at any size or aspect ratio
• Performance Optimized: Smooth animations even with many blinds
• Animation Tutorial: Learn how to set scroll animation intersections here

💡 Pro Tips

1. Use 20-40 blinds for optimal visual effect on most images
2. Adjust simultaneous animations count to create wave-like reveals
3. Fine-tune spring physics (stiffness, damping, mass) to match your brand's motion style
4. Enable debug mode while setting up scroll triggers to perfect the timing
5. Add a small blind overlap adjustment to prevent any visible gaps
6. Consider content direction when choosing animation direction (e.g., bottom-up for hero sections)

🎨 Styling Options

• Animation Direction: Top-to-bottom, bottom-to-top, left-to-right, right-to-left
• Blinds Configuration: Number of blinds, overlap adjustment, simultaneous animations
• Spring Physics: Customizable stiffness, damping, and mass for perfect motion
• Scroll Triggers: Fine-grained control over animation start/end points
• Initial State: Choose whether blinds start open or closed
• Z-index Control: Perfect layering with other page elements

This component brings professional-grade animation capabilities to your Framer projects without requiring any coding knowledge, while maintaining full control over the animation's timing, style, and behavior.