Pixelot: Motion graphics editor

Pixelot is a modern, interactive motion graphics editor that enables users to create, animate, and export motion graphics with timeline-based editing, asset management, and advanced animation controls—all in the browser.

Features

• 🎬 Timeline-based video editing with drag-and-drop assets
• 🖼️ Canvas manipulation and animation (powered by Fabric.js)
• 🌗 Dark mode support (shadcn/ui + next-themes)
• 🎨 Modern, minimalist UI (Tailwind CSS, Radix UI, Lucide Icons)
• 📦 Export to GIF and WebM formats
• ⚡ Fast, responsive experience (Vite, Zustand)
• 🔥 Toast notifications, command palette, and more

Tools & Technologies Used

React, TypeScript, Vite, Fabric.js, Tailwind CSS, shadcn/ui, Zustand, Radix UI, Lucide React, gifenc, webm-writer, Anime.js, @dnd-kit, React Hook Form, Zod, next-themes, ESLint

Getting Started

git clone https://github.com/reharsh/pixelot.git
cd pixelot
npm install
npm run dev

Open http://localhost:5173 to view the app in your browser.

License

MIT