Show HN: Chalk.ist – Create beautiful images of your source code

https://chalk.ist/

by Idered • 3 years ago

50 14 3 years ago

chalk.ist

pplonski862• 3 years ago

Great website! Congrats.

1. Any chance to make it open-source?

2. Is there an option to build animation of how code is written? Export code animation as GIF?

pplonski862• 3 years ago

I did some internet search and the website is open source https://github.com/Idered/chalk.ist

And it looks you are from Białystok - greetings from Łapy!

Idered3• 3 years ago

2. Nope, I have it on my roadmap but far far away

krm01• 3 years ago

Nice job. A couple of UX insights for you to think about:

- Perhaps introduce a bit more spacing between the left-side menu items; it currently feels a tad congested.

- A strategy to consider: identify the most frequently utilized features and present them prominently by default. Many of the nuanced configurations might be better suited behind a collapsible panel. Striking the right equilibrium between primary functionalities for the majority and advanced settings for a minority can significantly enhance the user interface, leading to a more streamlined experience.

tiny tweaks can sometimes make the product 10X faster to use and increase your overall retention. hope it's helpful!

Alifatisk• 3 years ago

Reminds me of carbon.now.sh

rane2• 3 years ago

What's the use case for this?

hbcondo714• 3 years ago

I just used this for my repo's readme:

https://github.com/hbcondo/revenut-api

I originally used the image editor Pinta[1] to depict the JSON response from my API but Chalk.ist was much easier!

Commit diff: https://github.com/hbcondo/revenut-app/commit/740f907d42e189...

[1] https://www.pinta-project.com

rane2• 3 years ago

Cool. Personally, I'd favor text-based examples so that the user may easily run them on their own.

matthewtse• 3 years ago

Reminds me of https://xnapper.com/, except for code.

I imagine some people might tweet snippets of code, and this makes the snippet look much more visually appealing.

LorenDB• 3 years ago

A few questions:

- Some of us are loath to promote macOS, and that includes using it in decorational elements. Any chance that you'll add other window decoration styles?

- There's not a lot of languages listed; I wasn't able to find D (which didn't surprise me) or C++ (which did surprise me). I don't know what you're using now for syntax highlighting, but something like prismjs.com could easily add dozens of languages to your supported list.

I do like the looks of this project; keep it up!

Idered3• 3 years ago

1. You can always disable window controls. I'll try to add other types soon 2. You can send issue/pr with language you need. Here's current list https://github.com/Idered/chalk.ist/blob/c9b9d8662ab7fcc0b04... or you let me know here which one you need

Thanks!

Idered3• 3 years ago

Added Windows controls https://twitter.com/Idered/status/1699162712649990516

alwinaugustin• 3 years ago

Very Nice.

Show HN: Chalk.ist – Create beautiful images of your source code

Related Stories