PixelFlow

PixelFlow is a modern, web-based pixel art and animation editor built with React, TypeScript, and Vite. It allows you to create pixel art, animate it using a timeline, and export it as CSS, PNG, or GIF.

• Pixel Art Canvas: Draw, erase, and paint pixels with an intuitive interface.
• Animation Timeline: Create multiple frames and animate your creations.
• Export Options: Export your work as raw CSS (box-shadow), PNG, or animated GIF.
• Project Settings: Customize canvas size, frame rate, and more.
• Dark Mode Support: Beautiful UI built with Shadcn UI and Tailwind CSS.
• Import Existing Art: Load existing pixel art images to edit them.

• React
• TypeScript
• Vite
• Tailwind CSS
• Shadcn UI
• Zustand for state management

• Node.js (v18 or higher)
• npm or pnpm or yarn

1. Clone the repository:

   git clone https://github.com/bipinkrish/pixelflow.git
   cd pixelflow

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to http://localhost:5173.

The project is configured to automatically deploy to GitHub Pages on every push to the main branch via GitHub Actions.

This project is open-source and available under the MIT License.