4 comments

[ 3.0 ms ] story [ 17.0 ms ] thread
Hey HN! I built Crylic with the belief that we can do better than the current generation of tools for modern web frameworks, especially for visually editing components directly instead of using different programs, such as Chrome's developer tools, to inspect & tweak styles then manually writing out the code.

Crylic is simply a WYSIWYG editor for React; it can display & edit JSX/TSX files, create/compose components, edit inline/CSS/styled-components styles, and more!

I was initially focusing on designers for this, which is why much of the documentation and wording on the site refers to designers, but I'm considering pivoting to be 100% focused on developers. I'd love any feedback!

Very impressive app. Two minor notes:

1) The heading text at the top on the landing page behaves strangely when starting to scroll on an iPhone 11 (I suspect something is reacting to the height changes as the url entry field appears and disappears - this is in firefox on iOS, but obviously that's the same engine as the Safari browser under the hood).

2) If you have a few dollars you can spend I would recommend getting a professional voice actor to record the script for your tutorial. You've built some amazing stuff here so don't be bummed you're not also a professional-level voice talent as well.

Thank you! I've made a change to the header, hope that fixes the landing page issue for you. Haha point taken, I'll look into getting the intro video professionally dubbed.