Pixel Syntax
Pixel Syntax is a powerful tool designed to convert code into visually appealing images. Featuring a customizable interface and robust export options, Pixel Syntax is perfect for developers who want to share polished code snippets on social media, blogs, or presentations.
✨ Features
- 🎨 Code to Image Conversion: Write or paste your code into the editor and export a beautiful image.
- 🛠 Customizable Styles: Tailor the appearance of your code images with robust configuration options.
- 💾 Preset Management: Save and reuse your favorite configurations for consistent designs.
- 📤 Flexible Export Options: Adjust file format (PNG, JPG, SVG), scaling, and file names before saving.
🛠 Development
- Clone the Repository:
git clone https://github.com/your-username/pixel-syntax.git
cd pixel-syntax- Install Dependencies:
- Start the Development Server:
Technologies Used
- ⚡ Next.js: Framework for blazing-fast, modern web apps.
- 🎨 React: Component-based library for building user interfaces.
- 📏 TypeScript: Ensures type safety and developer confidence.
- 🖌 Tailwind CSS: Utility-first styling for responsive and beautiful designs.
- ✒️ CodeMirror: Integrated editor with rich syntax highlighting.
- 🌐 Shadcn/ui: Accessible and customizable UI components.
- 💾 Dexie.js: Fast, reliable IndexedDB-based storage for managing presets.
🤝 Contributing
We welcome contributions to make Pixel Syntax even better! Here’s how you can help:
- Fork the Repository
- Create a New Branch:
- Commit Your Changes:
- Push Your Branch:
- Open a Pull Request
📜 License
Pixel Syntax is licensed under the MIT License. Feel free to use, modify, and distribute the project with proper attribution.