Sunset Origami Loader

# SunriseLoader 🌅

A beautiful, physics-based origami sun loading animation with dynamic folding effects and realistic paper simulation.

## Features

- 🎨 Beautiful origami sun animation with realistic paper folding

- 🌟 Dynamic light rays and reflection effects

- 📐 Physics-based animation with material properties simulation

- 🎭 Chaos-order system for natural movement variations

- ✨ Energy particle system for enhanced visual effects

- 📱 Fully responsive and customizable

- 🎯 Lightweight and performant

- 🔧 Easy to integrate

## Installation

### NPM

```bash

npm install sunrise-loader

```

### CDN

```html

<link rel="stylesheet" href="https://unpkg.com/sunrise-loader/dist/styles.css">

<script src="https://unpkg.com/sunrise-loader/dist/script.js"></script>

```

## Usage

1. Add the HTML structure:

```html

<div class="loader-container">

<div class="progress-bar">

<div class="progress-fill"></div>

<div class="progress-text">0%</div>

</div>

<div class="sun">

<div class="origami-sun">

<!-- Facets will be generated automatically -->

</div>

</div>

<div class="horizon-glow"></div>

<div class="reflection"></div>

</div>

```

2. Include the CSS and JavaScript files:

```html

<link rel="stylesheet" href="path/to/styles.css">

<script src="path/to/script.js"></script>

```

3. The loader will automatically initialize when the DOM is loaded!

## Customization

### CSS Variables

```css

:root {

--sun-color: #ffd700;

--glow-color: #ff6b00;

--progress-color: #ff4500;

--background-color: #1a1a1a;

}

```

### JavaScript Configuration

```javascript

// Adjust material properties

const materialProperties = {

stiffness: 0.85, // Paper stiffness (0-1)

elasticity: 0.12, // How much it bounces back (0-1)

dampening: 0.92, // Energy loss in movement (0-1)

massVariation: 0.15, // Variation in mass across facets (0-1)

frictionCoeff: 0.08, // Friction coefficient (0-1)

creaseMemory: 0.25 // How much creases remember previous folds (0-1)

};

```

## Browser Support

- Chrome (latest)

- Firefox (latest)

- Safari (latest)

- Edge (latest)

## License

MIT License - see [LICENSE.md](LICENSE.md)

## Contributing

Contributions are welcome! Please read our [Contributing Guide](CONTRIBUTING.md) for details.

## Support

For support, please [open an issue](https://github.com/yourusername/sunrise-loader/issues) on GitHub.

## Credits

Created with ❤️ by [Your Name]