Skip to content

manish-9245/codesnip

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CodeSnip🚀

CodeSnip is a one-of-a-kind CodeEditor with multi-language support, designed to capture code snippets as .png and .gif files. Customize your code animations, background gradients, padding, file type, filename, and IDE theme with ease.

Features 🌟

1. Multi-Language Support 💻

CodeSnip supports a wide variety of programming languages with syntax highlighting and accuracy.

2. Customization Options 🎨

  • Code Animation: Animate your code snippets for enhanced visual appeal and comprehension. ✨
  • Background Gradient: Choose from a range of gradient backgrounds to match your style or project theme. 🌈
  • Padding: Fine-tune the layout and presentation of your code snippet. 📐
  • Filetype: Specify the code snippet's file type for context accuracy. 📄
  • Filename: Customize the displayed filename to match your project requirements. 📁
  • IDE Theme: Select the IDE theme that suits your context or personal preference. 🌃

3. Image Formats 🖼️

Save your code snippets as .png and .gif files, ensuring compatibility across various platforms and uses.

4. User-Friendly Interface 🎉

The intuitive and user-friendly interface simplifies code snippet creation and customization.

5. Export Options 📤

Export code snippets as image files directly from the CodeEditor for easy sharing and embedding.

6. Versatile Use Cases 📚

  • Educational Content: Create engaging programming tutorials and lessons.
  • Documentation: Enhance project documentation with clear and stylish code examples.
  • Social Media Sharing: Share code snippets on social platforms for showcasing work or providing tips.
  • Code Blogging: Illustrate your coding journey or expertise with animated code snippets.
  • Presentations: Embed code snippets in presentations to explain technical concepts.

7. Cross-Platform Compatibility 🌐

CodeSnippet Capture works seamlessly on Windows, macOS, and Linux.

8. Open Source 🌍

This project is open source, allowing you to customize and contribute to its development.

Getting Started 🚀

To get started with CodeSnippet Capture, follow these steps:

  1. Clone this repository to your local machine: git clone https://github.com/manish-9245/codesnip.git

  2. Navigate to the project directory: cd codesnip

  3. Install dependencies: npm install

  4. Start the development server: npm start

  5. Open your web browser and go to http://localhost:3000 to use CodeSnip locally.

Deployment 🌐

You can access the deployed version of CodeSnip at codesnip-sigma.vercel.app.

Screenshots

Screenshot 2025-05-26 at 1 43 52 AM
Screenshot 2025-05-26 at 1 44 46 AM

License 📝

CodeSnippet is open-source software licensed under the MIT License. Feel free to use, modify, and distribute it according to the terms of the license.

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published