# ✨ Vibes ✨

**https://vibes.yuv.al**

A collection of cute & creative web experiments and visual experiences.

## 🌈 Experiments

- [Isometric Triangles](/isometric/) - Dynamic background with animated geometric shapes in an isometric perspective.
- [Lemmings](/lemmings/) - Cute green & blue lemmings walking and falling in a dynamic pixelated environment.
- [Digital Zen Garden](/zengarden/) - A meditative drag-and-drop experience where users can arrange elements with subtle animations.
- [BTC Ticker](/btctick/) - Live Bitcoin price visualization with a cool animated chart showing price history.
- [Interactive Particle System](/particles/) - A full-screen interactive particle system where particles respond to cursor movement, clicks, and device tilt.
- [Ambient Soundscape Generator](/soundscape/) - Create beautiful, generative ambient soundscapes with customizable musical scales and parameters that play continuously in the background.
- [LEGO Brick Generator](/legobricks/) - Resizable LEGO brick container with customizable color palettes and randomization options.
- [WebGL Noise Generator](/webgl/) - Interactive 3D graphics using WebGL with customizable parameters and real-time rendering.

## 🚀 Local Development

To view the experiments locally:

1. Clone this repository
2. Open the HTML files directly in your browser
   - Main page: `index.html`
   - Isometric Triangles: `isometric/index.html`
   - Digital Zen Garden: `zengarden/index.html`
   - BTC Ticker: `btctick/index.html`
   - Interactive Particle System: `particles/index.html`
   - Ambient Soundscape Generator: `soundscape/index.html`
   - LEGO Brick Generator: `legobricks/index.html`
   - WebGL Noise Generator: `webgl/index.html`

## 💻 Technologies

- HTML5
- CSS3
- JavaScript (Vanilla)
- Google Fonts (VT323 & Fredoka)

## 🎨 Style

The project uses a bright, cute, and slightly pixelated aesthetic with:
- Pastel colors (pink, purple, light blue)
- Pixelated rendering for some elements
- Playful borders and shadows
- Retro-inspired pixel font (VT323) for headings
- Modern rounded font (Fredoka) for body text