Faux Code Generator

Faux Code Generator

Turn real code into faux code

6 followers

Visit website
•
•
Designers and illustrators sometimes create abstracted imitations of code for their technical illustrations and designs. This tool enables easy creation of editable SVGs from real code and syntax highlights. Use a random, or provide your own, Github Gist.
Faux Code Generator gallery image
Faux Code Generator gallery image
Faux Code Generator gallery image
Launch tags:Design Tools•User Experience•Marketing
Launch Team
Anima Playground
AI with an Eye for Design
Promoted

What do you think? …

Andrew Powers
Already used this for a graphic on a high-traffic website... Check out https://factor.dev We used it in the 3rd graphic in the header.
Tom Medema
@andrew_powers Looks really neat :) btw the site is super clean but I noticed the top margin is a little off (see https://app.usebubbles.com/5d82e... for an example)
Michael Gill
@andrew_powers Beautiful site by the way!
Miguel Casteleiro
I like this idea, but everything is appearing black on the image! Please check it. PS: It would be specially useful if it would give me a gif with functions being activated.
Yevhenii Peteliev
MacPaw
Great! Looks very useful tool ;) Congratulations!
Jon Gaudette
Looks like you hit the limit of the public heroku-hosted cors-anywhere, and the images aren't being generated anymore
Tom Medema
Really cute tool! I'll be using this, but I wish the visual would be a little less "faux". Right now it is not immediately obvious that it is code; I've shared a video of the user experience here: https://app.usebubbles.com/96035... with feedback in-context
Rishabh Anand
Would be awesome if you can specify and configure custom colors for keywords! Super awesome product btw
Jan Čurn
Crawlee
Neat tool, very useful, I'm looking forward to using this in my presentations.
12
Next
Last