Show HN: Repaint – A visual editor for HTML and CSS

repaint.com

6 points by izakfr 3 days ago

We’re Izak and Ben the founders of Repaint (YC S23). Repaint is an editor, like Figma, that natively exports code.

We launched Repaint on HN a little over a month ago. At that point, it was a website builder. There was a lot of feedback that Repaint should directly export code. We took this feedback and decided to change the editor.

We completely cut website hosting and decided to focus solely on code export. We’ve added templates for login forms and dashboards to help you get started.

The editor experience is similar to Figma. It is a WebGL canvas that has panning and zooming. The internal data-structure is a DOM, like HTML. The style attributes on each node map directly to CSS. Exporting the styles has no translation problems.

At Repaint, we spend a lot of time translating designs to code. We’re excited to build something that will help improve our own workflow.

We’re hoping to talk to anyone who has issues translating designs to code. If this is something that would help you, please to reach out to izak@repaint.com.

Main Website: https://repaint.com

Contact: izak@repaint.com