Inspiration
We often wanted to share neat and visually appealing code snippets without taking messy screenshots or installing heavy extensions. Tools like Polacode and CodeSnap are great, but we wanted something lighter, simpler, and browser-based that anyone can use instantly.
What it does
CodeFrame lets you paste your code into a clean, minimal frame and instantly see it highlighted with proper colors and formatting. It’s perfect for sharing snippets, using in blogs or presentations, or just making your code look beautiful.
How we built it
We built CodeFrame using HTML, CSS, and JavaScript, along with Highlight.js for syntax highlighting. The focus was on keeping it lightweight, responsive, and easy to use right from the browser—no setup required.
Challenges we ran into
Making syntax highlighting consistent across multiple programming languages.
Accomplishments that we're proud of
Made something that’s useful for both developers and students who share code regularly.
What we learned
How powerful Highlight.js is for handling multi-language syntax highlighting.
What's next for CodeFrame
Potentially turning it into a small web app where users can save and organize their snippets.
Log in or sign up for Devpost to join the conversation.