An awesome tool to make Images and GIFs of your code!

Siddharth Roy

Last update: Dec 18, 2022

Related tags

Overview

Recoded

An awesome tool to make Images and GIFs of your code!

View Demo · Report Bug · Request Feature

About The Project

There are plenty of Apps like this where you can make beautiful images of your code but non of them support making GIFs so I made this.

(back to top)

Built With

(back to top)

Running App Locally

To get a local copy up and running follow these simple steps.

Clone this repo (have git installed)

git clone https://github.com/siddharthroy12/recoded.git

Install dependencies (have nodejs installed)
```
cd recoded
npm install # or yarn install
```
Run
```
yarn start
```

Roadmap

Add more themes
Make session shareable

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Siddharth Roy - @reactoverflow - [email protected]

(back to top)

Comments

🚸 Add some different free programming fonts

Hi @siddharthroy12, have a look - this is a bit quick and dirty, but works all right. See if you want to use it or incorporate parts of it. Have a nice weekend! :)

opened by rubjo 2
Support Kotlin language

I'm not a JS developer so I'm not really sure I'm doing the right thing. Yet I hope I'm doing it well, because this tool is pretty nice 👏 I would use it for Kotlin code.

Preview

opened by olivierperez 1
Add multiple files creation at same time

For creating videos of code. If a person is working on a project and then there are so many files like app.js, Home.js and Component.js and while showing the codes in the video it will be good to create multiple files.

Simply adding a feature of creating a new file in the next tab and only one file can be active at a time.

I would like to work on it if you get the idea well.

opened by abhinandanmishra1 2

Releases(1.2.1)

1.2.1(Mar 26, 2022)

Fixed editor formatting bug Added frame duration setting Added some responsiveness to the design
Source code(tar.gz)
Source code(zip)
1.2.0(Mar 25, 2022)

Filename extension now change according to the language selected Added some basic formatting to the text editor
Source code(tar.gz)
Source code(zip)
1.1.1(Mar 25, 2022)

Reduced GIF export time
Source code(tar.gz)
Source code(zip)
1.1.0(Mar 25, 2022)

Improved App Experience and Added Fork Button
Source code(tar.gz)
Source code(zip)
1.0.0(Mar 23, 2022)

First release yeah!
Source code(tar.gz)
Source code(zip)

A weather app done with React. Allows you to make a search for the current weather by simply typing "common knowledge" cities and save them to favourites on local storage.

Simpliest Weather React-App A weather app done with React. Allows you to make a search for the current weather by simply typing "common knowledge" cit

Aug 24, 2022

A markdown-it plugin and Nunjucks async filter to make working with Cloudinary in Eleventy easier.

Cloudinary Eleventy Helpers This is a collection of Eleventy Cloudinary helpers. It currently includes: A markdown-it plugin that converts local image

Feb 2, 2022

we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

Aug 12, 2022

Math Magicians! This is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make basic calculations and read a random math-related quote.

Math Magicians Math Magicians is the first React Project I'm building. The main objective of this is to understand React features with a project-based

Feb 26, 2022

A Single Page App (SPA) that allows users to: make simple calculations and read a random math-related quote

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: make simple calculations and read a random math-related quote.

May 31, 2022

"Math magician is a website for all fans of mathematics. It is a Single Page Application(SPA) that allows users to make simple math calculations and read some math related quotes."

Math Magicians "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations

Mar 29, 2022

"Math magicians" is a website for all fans of mathematics. You can Make simple calculations and Read a random math-related quote.

Math-Magicians This project was bootstrapped with Create React App. "Math magicians" is a website for all fans of mathematics. You can Make simple cal

Jun 23, 2022

A simple tool that tells you what food is safe for your dog.

Can My Dog Eat A simple tool that tells you what food is safe for your dog. View website Features Can My Dog Eat is a simple website where you can loo

Dec 11, 2022

İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database

🟡 instagram-clone This is a instagram clone. You can sign in, sign up, upload image, make comment 📷 ⚡ LIVE To check out the live demo of this app AB

Apr 20, 2022

An awesome tool to make Images and GIFs of your code!

Related tags

Overview

Recoded

About The Project

Built With

Running App Locally

Roadmap

Contributing

License

Contact

You might also like...

Comments

Preview

Releases(1.2.1)

1.2.1(Mar 26, 2022)

1.2.0(Mar 25, 2022)

1.1.1(Mar 25, 2022)

1.1.0(Mar 25, 2022)

1.0.0(Mar 23, 2022)

Owner

Siddharth Roy

Grid-tool - Small tool that allows you to integrate a predefined or generated grid into your front-end development environment.

🌀 Insert Awesome Shapes into Your React Site with Ease

This compress library was made with Brotli and Gzip help, for React users who want to make website more performance and reduce JS bundle code

nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries

The Bookstore is a website similar to the "Awesome Books" website. Here we will create an MVP version of it that allows you to: Display a list of books, Add a book and Remove a selected book.

The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that allows you to: Display a list of books. Add a book. Remove a selected book.

A style export tool that live edits and exports code ready to copy / paste

Annotation-Wizard - a web-based image annotation platform that allows authors to create annotation tasks and annotators to take tasks and annotate images.

Provide solutions to make your app flexible for different screen sizes, different devices.

You can use this CLI Tool to clean your iOS and Android projects and keep them updated.