Lux

Generate beautiful gradient Lissajous curve cards and download them as PNG.

My Role
Developer & Designer
Tools
React
Canvas API
Try Lux
0:00/0:00

Overview

Lux is a generative art tool that creates mesmerizing Lissajous curves with gradient effects. Users can customize parameters to generate unique parametric curves and export them as high-quality PNG images.


Process

  • Arc browser's generative cards demonstrated the appeal of algorithmic beauty. I built my own version with deeper parameter control for more intentional outputs
  • Designed constrained parameter ranges instead of infinite values. Every combination guarantees visually appealing curves rather than random noise
  • Hand-crafted each gradient palette by studying color theory and digital art references. Experimented with neomorphic UI as a stylistic departure from my usual work
  • Solved Canvas API positioning and sizing challenges to achieve pixel-perfect curve rendering at any viewport size
  • Used GitHub Copilot to accelerate implementation while maintaining full control over UI design and user experience
  • Built with modular architecture to enable future feature expansion while maintaining real-time performance