Meet Hadron. A tool that makes design with code easy and visual (medium.com)
5 years ago from Nacho García , co-founder of hadronapp.com
5 years ago from Nacho García , co-founder of hadronapp.com
This looks like a good idea. Let’s see how it goes.
It look's like a Dev Tools for designers, really cool idea congrats!! looking forward to give it a try
This looks amazing!!!
Dreamweaver, is that you?
This awesome. Can't wait to start playing with it!
Did anyone else read this as Hardon and think it is a strange name for a design tool?
Depends on how passionate you are about design.
I think we so frequent calls for designers to "learn to code" this could be a nice way to start out visually but still keep fostering that connection to actual css markup. Bravo for lowering that threshold some.
Woah! So this is great for developing responsive websites. It would definitely bring designers' and developers close as to understand how their designs are translated. I also think Hadron is better than Anima. Excited to see how it unfolds.
This is the direction we need to go with tooling, although it will be great if it isn't tied to only Polymer. It seems like their "engines" concept might allow for using Vue or React in the future.
It's not tied to Polymer, we have built it so it's easy to add any other library. We'll add Vue and React in the future although with no ETA right now.
The good thing about Polymer, and it's the reason we started with it, is that's just a tiny library that helps to build Web Components, which is native to the Web. And Web Components are great for Hadron because they encapsulate styles, HTML and JS, so your styles won't collide between elements.
Honest question: Why would I use this over a very robust and functional tool such as Webflow?
It looks like this might provide a slightly closer to the code experience than Webflow does just judging by product screenshots.
Yeah I can see that. But to really use Webflow well you still should know some CSS so you can manipulate your designs properly. I just don't really see the need to watch the live code output as it's generated.
There's also Pinegrow, which I think does the same thing that Hadron is promoting. It's also cool because it supports frameworks like Bootstrap out of the box.
I'm all for new tools that make our jobs easier and more efficient. I'm just wondering what this one does that would make it compelling to use versus other options or just hand coding a site.
Hello Mike! thank you for taking the time to question those things!
The point of Hadron is not seeing how the code output is being generated, but to help you generate it yourself. A way to see it is that we simplify development so much in making it visual that it can be used for designing too.
This is a different approach from Webflow which is more like mocking the Web Platform (CSS & HTML) in a complex UI that makes it easy for them to transform it into a web of their choice behind the scenes.
One example: Hadron lets you pick up a library or framework of your choice (currently only Polymer 2) and you can explore, modify and export the whole project. Whereas WebFlow only lets you export to an auto-generated web they control, in which they choose the dependencies (like a webflow library or jquery I think). And it's only for paid accounts.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now