Create beautiful images of code.

Highlighting

To add code higlighting, type a code comment in your language of choice, containing the following:

• {*} - Focus
• {+} - Add
• {-} - Remove
• {#[hex]} - Custom Hex Color

For example, this:

public function index() // {#caebf9}
{
    return User::all(); // {-}{*}
    return User::paginate(); // {+}{*}
}

Produces this:

Local Installation

1. Clone the git repo
2. Run npm install && npm run dev
3. Visit http://localhost:3000

Showcode Desktop

Showcode can also be purchased as a standalone desktop application:

https://showcode.app/buy

Thank you for your support! 🙏