Launching today
Layers
Create beautiful animated code snippet videos for free
37 followers
Create beautiful animated code snippet videos for free
37 followers
Layers is a free web-based tool that empowers anyone to create beautiful, animated code snippet videos. Inspired by sites like Carbon, Layers features a customizable code editor, support for popular languages, various aspect ratios, and texture super sampling for high-resolution animations. With Layers, you can also adjust the orientation and perspective of your code snippets, allowing for dramatic compositions that can be used for more advanced editing, motion graphics, and content creation.
Magic Translate
Hello again!
I built Layers to solve a problem I often face in video editing (especially for tech-related content) - having to screen-cap code editors or animating them from scratch.
Screen-capping is quick, but requires manual typing (which comes with a lot of retries). Traditional motion graphics approach (like After Effects) is high-fidelity but comes with a steep learning curve (an lots of time!). I built Layers to empower anyone to produce high-fidelity, animated code snippets in a matter of seconds.
Layers gives you control over the code editor style, handles the animation of typing code (characters per second and delay), and gives you background colour options depending on your use case (keying, cropping, or quick posting to social).
Layers is free, and will always be free.
I plan to add features over time, but would love to hear from others how I might be able to improve the overall utility. Right now, Layers is designed for desktops, as I figured that is where the majority of this kind of work is done, but if there is interest in a mobile version I will put it on the roadmap :)
beautiful