Flux Lura

Overview

Flux Lura is a browser-based application that allows users to convert multimedia files — including images, audio, and video — quickly and easily. Whether you're compressing a video or converting an image format, it's engineered to make complex tasks accessible.

Key Features

Technologies Used

• Next.js – Full-stack React framework for fast development
• React – Component-based UI library
• TypeScript – Static typing for predictable code
• Tailwind CSS – Utility-first CSS framework
• Shadcn UI – Headless, accessible component library
• Motion.dev – Animation library for fluid interactions
• FFmpeg – Command-line media processing powerhouse

Challenges & Learnings

Handling Media Processing in the Browser

Integrating FFmpeg for in-browser conversion pushed the limits of WebAssembly. I learned how to manage memory efficiently and work around limitations like file size and encoding complexity.

Building a Fluid Interface

Achieving responsive and visually appealing design with Tailwind CSS and Shadcn UI taught me to pay attention to layout flexibility and accessibility best practices.

Optimizing Conversion Performance

Experimenting with different FFmpeg flags and thread optimizations deepened my understanding of multimedia processing and helped reduce conversion latency significantly.

Getting Started

git clone https://github.com/aayushbharti/fluxlura && cd fluxlura

npm install

npm run dev