I built a react app… but with a visual editor

[@Fireship]

Try it out and let me know what you think... codux.hopp.to/fireship

[@FrancescoRosiYTP]

-Can't believe Wix finally made something decent-

[@frontforumfocus]

letssssssssssssss gooooooooooooooooooooooooo

[@frontforumfocus]

if they have a web version thats a great tool

[@nestromae]

No, thanks

[@richard5a]

Please recommend that Microsoft to integrate it into VSCode...

[@ilijanl]

Would be nice to have this as a VSCode plugin

[@richard5a]

Oh, yes

[@advanceringnewholder]

agreed.

[@felicianomazoio8012]

Totally Agree

[@andguy]

What would the plugin do that the web ui doesn't?

[@itscooldawgdonteventrip]

meh that's two more clic... not necessary and doing that it will prevent it to become even bigger and powerful

[@rumplstiltztinkerstein]

Codux development team is great. I used it for a while just to check it out and they emailed me asking for a 15 min feedback session to see how I feel about the app and how it should be improved. Give them support because they are working really hard on this project.

[@tomraviv6165]

Thanks so much for the kind words, we've been working on this for a while, and it's absolutely incredible to see real people (outside of our group) get to try it out, and to see the amazing things they can make.

[@noveled_1]

@@tomraviv6165 yall are legends, keep it up!

[@IStMl]

@@tomraviv6165 how many people signed up following the video?

[@MueezAhmad]

this is pretty cool, also glad to see some non AI content

[@littlestewart]

Wait you’re afraid of AI taking your job? Don’t worry, it won’t be painful

[@emondoraon]

@@littlestewart for now...

[@akj3344]

Someday AI will say "glad to see non-human code"

[@tomraviv6165]

@@akj3344 Handmade, bespoke custom code. Already sounds expensive lol

[@beinyourguard]

right??

[@LalanDesai]

The real question is, does it have a dark theme?

[@Bempus]

Sadly it looks like a no for now, which it kinda bad for a tool made to make good websites (and I'm like 99% sure it's made with electron, so it's basically a website)

[@tomraviv6165]

I'm sad to say, not yet. But, we've heard the many requests, and it's in our sights. :)

[@warrenarnold]

@@tomraviv6165 doing a good job on the replies too, pass along that you should get a raise too mate🤜🤛😅

[@neanda]

@@tomraviv6165 please don't say it's true. Is it an electron wrapper? So we can apply a dark mode extension on it or something. I still don't get why it takes so long for app devs to just theme it, it's like a junior UI designer could do it as a side project after lunch. By the way, I got to pay respect to the web site designer. It's like they've taken minimalism to the next level. I ain't joking, it's like the best website I've seen in a very long time. It's like clear without being boring. It's hard to actually describe. I haven't even used the app yet as I'm still loving the landing site

[@tomraviv6165]

@@neanda Codux is indeed built on top of Electron, which we feel makes a lot of sense for a component development environment. I'm totally with you about the dark theme, and hope to share some good news on that soon. And thank you for the kind words about our site, I'll make sure your feedback reaches our design team as well! :)

[@backpacklv4]

I think the coolest thing is how easy it is to switch from Codux to VSCode and back! I'd absolutely love something like this for Vue. Don't know if I'd end up using it on a daily basis, but I'd definitely play with it for my projects!

[@tomraviv6165]

We're starting off with supporting React (as it's the most commonly used), but Codux was designed from the ground up to support multiple frameworks. Once we feel like it's stable enough and provides good value for our community, then we'll explore which framework/library to support next, probably based on interest, and technical feasibility.

[@altaybatuhan4560]

@@tomraviv6165 I would expect codux to be extremely configurable, like for selecting a css solution, I must be free to choose the library, given that there is an adapter for it, kinda like next-auth adapters maybe?

[@xDELTAGIx]

@@tomraviv6165 Id use this as a backend dev myself, I hate UI, but this makes it tolerable

[@MarcelinoSandroni]

After react probably will support angular, vue, next, even mobile with react native or flutter That is a huge boost in productivity

[@ZeroRegretz]

​@@tomraviv6165 Will it support tailwind?

[@nathanbrown2640]

I'm a Back End dev, though often required to maintain or extend Front End. I will massively use this as it means I can get a new idea off the ground quickly, creating a slick front end which I can then adapt to add my Back End connections. Game changer for personal projects,and might become the way forward for my workplace where we would be wanting to convert old interfaces to a nicer React Front End

[@vlnero1966]

You should definitely tell your company to hire me as a front end dev tbh

[@MobiusCoin]

Kinda cool I guess. It's pretty restrictive currently, no Tailwind support, React only. Seems like a cool collab tool for devs and designers.

[@toastrecon]

Yeah, if it could generate tailwind, that would be pretty sweet.

[@MobiusCoin]

@@tomraviv6165 Cool! Thanks for hanging out in the comments.

[@darkwoodmovies]

Not supporting Tailwind is a plus.

[@JakeJJKs]

@@tomraviv6165 Amazing!!

[@MRJMXHD]

@@darkwoodmovies 🤣🤣🤣🤣

[@infiniteplanes5775]

It’s nice to get some non Ai content

[@BlobBlobkins]

so true

[@alphaturtle4839]

This video was written by chat GPT4.

[@RainPotion]

I feel kinda sad the my first reaction to the thumbnail was "oh, another AI tool".

[@ThePotatoChronicler]

Bro, you just made me watch an entire unskippable Wix ad 💀

[@StephenAinsworth1]

I feel like there's a massive market to have a tailwind visual editor

[@peterszarvas94]

My first thought was, it should have Tailwind support, and it would be perfect

[@tomrowe2181]

Agreed, it wouldnt really make development that much faster (you can type 'text-center shadow' etc faster than finding in the UI) but you could easily share this with a designer to tweak things. It also makes templating a bit faster

[@tomraviv6165]

Hey there, part of the Codux team here - following a lot of user requests, we added Tailwind support in our latest version, and components using it now render properly in Codux. There's still lots planned to do there to improve the experience, but you can already get started today. :)

[@ethantracy2705]

@@tomraviv6165 Thank you guys for listening to our feedback. I think every one greatly appreciates it. I'm going to check this out tomorrow when I get to work

[@TheNewton]

​@@tomraviv6165 What's the codux tailwind to component flow like? What I've been looking for a loong time is being able to rapid prototype with tailwind,or other frameworks utility/tokens but then be able to componentize once a lot of UI parts start have similar behavior, along with sanely organizing the offshoots/variants/modifiers that always end up being created. Basically rolling up all the low level utility classes from something like tailwind in to higher level style libraries UI class; the copying and pasting for componentizing tailwind et is a lot of fricking and goodness help you if you copy an extra quote mark

[@sokrates297]

This would be perfect as a workflow between designers and developers. The designers can build their components, and layout, and the devs can quickly hook it up to a backend server and make it dynamic. I'm excited to see where this will take us.

[@thegoldenatlas753]

Its what I've always wanted figma to be.

[@RachelTheStrong]

As an artist that is learning UI and HTML and CSS, Codux looks very promising. Thank you Codux for sponsoring this video!

[@phantomwizard5892]

Fireship is on fire with the quality and quantity of videos he is making currently!

[@akshayhere]

Always has been

[@rishabhgupta2085]

Also quantity

[@JakeJJKs]

Oh my god. This feels like how I started out in web development. Dreamweaver for the HTML, and then the code editor to break into PHP! I dig it!

[@xbsidesx]

This looks awesome for designers that want to try out some things straight into the code, like some do in the developer tools, but with better feel. The possibilities are great. For developers, would be nice to have a vscode plugin of some sort that could integrate everything. Really impressive!

[@ezwa]

as an old Visual C# developer turned Web Developer, this brings back memories! im also learning react so this is good news for me. Definitely gonna try when I get home

[@crackedboy701]

I just started learning web development and I think this is really awesome. I will definitely try this! The visuals will really help me code UIs especially in display property. Thank you Codux team! keep up the great work

[@jaejonmalloy1341]

This just simultaneously made and wrecked my day. I had specific tasks planned, and they probably just got pushed to tomorrow. I'm gonna play.. I'm gonna play so friggin hard..

[@THEstreetcone]

Looks really cool, especially for beginners to React. A good visual way to learn. However, it does state it's only free "during the beta stage", so I wouldn't want to become reliant on a tool like this as it will probably end up costing a lot.

[@lowwastehighmelanin]

The nostalgia slammed into me so hard when you showed Dreamweaver. I learned my first bits of coding in high school on that. 😍 I have missed Dreamweaver. I can't wait to try this tool!!!

[@msand3062]

DW could still be relevant in a production pipeline. There are some things on DW that are not essential but if your org is paying for it could be of us.

[@dingus4138]

This is not for me, but I’m always happy to see new attempts in this space. Aside from a few elements like the shadow editor (something you won’t use all that often), I don’t think this would be all that useful for an experienced web dev who already had their own workflow. But for newer devs this could be a great starting point.

[@larsfaye292]

Exactly how I feel. I'm open to changing it, but seeing how you had to switch back and forth to hook up the logic didn't feel like a huge time saver. Copilot alone is more helpful since I can basically get at the code snippets way faster.

[@programmingcore7413]

I kinda hate it coz I love writing my own code but its great to see stuff like this, but I would never use it

[@tomrowe2181]

Yeh, it's close to the right solution for sharing with a designer though... They could tweak your components to fix any visual issues without having to go back and forth

[@HappyGick]

@@tomrowe2181 Yeah, that's what I feel it is. Either small tools, or just let designers have a tool that helps streamline the development process. No longer need to spend hours trying to get the Figma design right.

[@anushgopalakrishnan]

I don't know if the use case is really clear because tools like webflow exist where it's the same thing but 1000x better and you don't have to touch the code ever 90% of the time, and it still spits out fast (fast enough for most cases) code. The UI is also heavily reliant on the box-model style of design so the thought process is really similar to the way you would code as well, just a million times faster. Unless theres some highly specific reason you need to use react or some other framework (or library don't kill me pls) I don't see too much of a point, this exists in like the space of being *almost* a good product

[@succatash]

Wix and web flow are the same this is for developers to be able to see what they are doing as they do it.

[@anushgopalakrishnan]

@@succatash I mean live servers exist, I'm still kinda failing to see what this point is

[@succatash]

@Anush Gopalakrishnan its just for people who want to customly build their websites. I can't import an npm package on a webflow site, meaning they are basic sites not web apps.

[@roid1510]

This works well when you want to develop UI quickly like with webflow but still need the flexibility of a framework like react. I could imagine banging out the UI in a day and just spending the rest of my time doing the logic

[@RecreationalNuke]

I like turtles

[@NotTheHeroStudios]

Turtles are neat

[@Manas-co8wl]

I’ll be honest… this is probably one of the best thing I’ve seen sponsored for frontend.

[@Julien8888]

Codux is the new vim killer!

[@frank8627-v8k]

I'd honestly given up on the idea that anyone would ever make this. Very happy it exists, will make prototyping waaaayyy faster

[@mjoong-ki4487]

I have to admit that it was actually the first time in my 30-year life that I heard someone pronounce 'WYSIWYG'.

[@LGtheCat]

I love when someone tries to make these kind of tools. Someone out there is trying to make cool stuff that defies developers egos

[@whoneedssalt]

until they give it dark mode to help me slowly loose my eye sight 💀ill stick with vs code

[@alainportant6412]

You look like you don't need another dark 🌑 mode 😂

[@Omar_Al_Seddik]

@@alainportant6412 What is that even supposed to mean?

[@alainportant6412]

@@Omar_Al_Seddik Oh hey, what's up Al-Qaeda? No, I'm totally kidding. I'm diffusing the tension with humor.

[@Omar_Al_Seddik]

@@alainportant6412 Ah, a troll. (I'm not even Muslim, btw.)

[@alainportant6412]

@@Omar_Al_Seddik Seriously, though, no beheadings, all right 😂😂 ?

[@_the_one_1]

This is my billion dollar idea! Somebody not only stole it from me but implemented it

[@sonmangaking]

This is super cool can’t wait to try this out

[@tomraviv6165]

Part of the Codux team here, thanks for kind words - we'd love to see you on our discord later on to share what your experience was like. :)

[@TeaBroski]

The reason why these applications never worked is that the Front End is an ever changing, uber complex flow of conscience made partly by data driven choices, partly by the owner's vision. Tools like this create boilerplates that are hard to maintain and that often are too limited for the requirements. Teh future of FrontEnd will be a technology that allow to perform complex and radical changes in simple and elegant ways.

[@dougbendoug]

Not for me, if I want instant feedback to my design changes I would rather just use the inspect tab to tweak properties. I even find myself not using that though since hot reloading is a thing. I'm sure this could be a good introduction to coding though.

[@theodorealenas3171]

That's the thing though, is it even for introduction? Because you introduce a message to the juniors, and I'm not sure it's a good one

[@edumazieri]

Ya but the WYSIWYG is only a small part of it, the idea is really to provide a GUI for the coding of components, like in the examples at the beginning of the video. Not as a replacement, but as a complement. I'm not sure it succeeds, but looking at it simply as a way to preview changes is kinda missing the point.

[@ovpn04]

Finally! I tried out a tool before getting a fireship video about it. This on my path is progress! Hurray!!

[@TeaBroski]

The video: "Then the CSS editor is amazing!" The CSS Editor: ě̴̡̛͚̟̪̞̄̑̄͛n̶̡̠͍̺̰͙̈́̿̌͛̓̄̕j̶̼̖̘̼̼̹̕ó̶̡̢̧̻̭̥͙̤̹̂͗͆̋͌̿̅͋̋y̷͚̯̥͐̇̔̓̚-̴̧̣͖̰͕͇͓̊̓̊̀͛̊̾̃͊͝f̸̤̮̱̫̣̳̘̜̲̣̎̋̊̈̅͠i̸͉̙͉̿̏̾̚̚x̵͕̙̬̮̞̺̣̥̺̄̽i̵̢̧͖̝͚͛́̈́͘͠n̴̡̛̲̦̜͖̅̋̋̒̈́̈́͗͂̚g̶̗͎̘̜̩͎̔̏̏̀͜͜-̸͕̏̅̌̈́̾̽̀͝m̴̛͉̙̗̤̤̂̈́̊͛͘͠ë̵̛̼͍̙͍̣̖͖̥́̂

[@chovbee]

I think this is definitely something I would adopt. I wouldn't make this my new way of building websites, however, it does seem like it can help cut down on development time for simple yet large components. Not sure if that makes sense but in my head it does, I think it'll be a good tool to adopt.

[@brian_akhtar]

dude that’s crazy i was literally looking for a visual editor that uses actual code and does the code the way you want. but just like you said, i wasn’t able to find any that lets you use any framework (ex: react, svelte, etc.). I really hope someone out there builds a product for this, where you can choose your entire stack (frontend, backend, middle-end, all of it) but build visually and still be able to edit the code whenever you want. Would be genius

[@trentlangford9050]

I’ve always feared the verbosity and weirdness of js and react and as such haven’t learned how to make a react app yet. This looks like a lovely way of finally learning how!

[@CROXoDyLE]

no wayyy. I was literally trying to find some free plugin for figma that does this. You are a mind reader I swear.

[@B45i]

Maybe this is the next big thing after sliced bread, but I'll still write HTML/CSS and JS just like my ancestors did.

[@_edd.ie_.o.8101]

The css part made my heart flutter.

[@diarrhea.gaming]

Looks pretty cool! I think it's okay to use GUI. Because programmers always simplified job from "0" & "1" to programming language, I think next step is GUI

[@asescodes]

The most important question, does it have dark mode?

[@romievthedon]

I love that the community immediately got engaged in the conversation. I was watching a tutorial of Codux the other day and my first response was shock. A couple of months ago, I asked why we didn't have something like this already. To see it now is impressive. Hopefully an extension for VS surfaces. I'd love to try it directly from VS

[@manu3269]

This one is gonna be a gamechanger in a near future for web dev

[@elmomertens]

They said Vue and Svelte support for this is planned for later, and I cannot wait 😭😭

[@usufdev]

I don't know, I feel like you could write this tutorial in 100 seconds with mode interesting concepts with just react, too much work back and forth but I think this tool can be useful for designers...

[@AnthonyBullard]

I work on a low-code builder tool myself, and find this demo to be pretty compelling despite the constraints. I'll have to check it out

[@AnthonyBullard]

There are a lot of similar concerns between the two types of applications. Element tree, canvas, DnD, element selection, property config, event config, project nav, etc. Always interesting to see the comps and learn and give feedback. Codux is definitely not a competitor to our product and I would love to participate

[@collynchristopherbrenner3245]

If you are trying to make something look good, it is most useful to be able to move things around the way you move physical objects around, by picking up and dragging it, or selecting it directly and changing it. This is also what is so beautiful about game design software - it takes care of the values for you. This is also partly what makes computers so great: it can manage numerical values and computation so much faster and more easily than people can manually manage. This being complimentary gives the developer the best of both worlds the way that game developers are used to developing. Of course, the limit is that the UI has to work with specific code framework. I would absolutely love getting this for Blazor WASM/Hybrid/Maui.

[@TowelGard]

0:47 As someone who used Wordpress and Elementor extensively before fully learning how to code I felt these words to my soul.

[@Exilum]

As others said, I've love to have this as a VS-code plugin. I used nextJS for my personal website. While it does instantly refresh in the browser (with a dev server) when you save a file, it's not AS good as having it directly side by side in the IDE. The visual interface is also welcome for CSS or to quickly reorder and place elements.

[@jackmarius5423]

This is good for creating a design system, kind of replacing storybook. But still for complex apps it's a bit of a overhead to use it

[@DogeMultiverse]

codux: here is my shiny new feature! VS code devs: *its now a plugin* codux: 👁👄👁

[@HumphreyMurray]

Interested to see how hard it would be to adapt to provide a CMS to client's to edit their cintenty

[@intrntmnk]

SO excited for this. Once you have a firm grasp of coding, a tool like this becomes such a time and life saver particulary if the project you are working on has a lot of intricate front end features. You get to make them do what you want AND look how you want in real time. Love it. Wonder if regular .js files will work... let me try it out.

[@leonardomollmannscholler6727]

I think it is a clear upgrade over the storybooks, I will definitely try this in my next big project, loved the way that it's loose coupled to the source code

[@PhilipAlexanderHassialis]

- Beautiful VB image, grey controls on grey form in grey Win95 ( 0:11 ) - Pause - Small tears form *WHY DID WE STRAY SO FAR FROM YOUR LIGHT LORD*

[@ugotisa]

Really better than the currently known solutions (Figma). But, could be better with VSCode extension.

[@LalanDesai]

As far as I know Figma is totally a different thing compared to this.

[@ugotisa]

@Lalan Desai true, any other software which is similar to this?

[@senor_m6673]

​@@ugotisa i would say webflow is somewhat similar, but its is not really for interactivity

[@betrangustama]

Bootstrap studio and dreamweaver is the closest comparison imo

[@SoMadCoffee]

@@ugotisa There was Bootstrap Studio. I don't know if it is still in development or they abandoned the project.

[@LightsaberPanda]

Aside from editing and creating components from a visual perspective, does this also replace Storybook as far as component isolation and testing?

[@DEUTSCHWULF]

Brings me back to Netscape Composer. Never again. EDIT: Okay, this is better than that 😆

[@weshuiz1325]

The moment this gets updated to work without react is the same moment it lives on my pc

[@HappyGick]

This will be extremely useful for UI design, prototyping, and templating. So you don't need to replicate Figma models piece by piece in a React app. Teach the designer how to use this and let them design their stuff. You as a dev just think about the rest of the code (the behavior of the UI). Or if you're just making a small tool, this avoids wasting time in UI design.

[@Grouiiiiik]

Props to the AI you use for the voice, it's getting better and better. If you could add an emotional value on specific expressions or words or timestamps it would make the thing a bit more alive. Also, on some parts your voice sounds like you've got a sore throat.

[@3DVector]

I don't think it will be widely adopted 1. Frontend dev is very fragmented with lots of frameworks "react, svelte, vue, angular,..." and many diff styling frameworks bootstrap, mui, tailwind,.. 2. For a developer with a good editor, intellisense, live preview,.. It's much easier to stick to the keyboard and do the changes instead of having to switch constantly between keyboard and mouse 3. CSS is massive trying to put It's attributes in a UI will make it complex for most experienced devs who can just type the attributes instead trying to figure out where it's located in the UI

[@d.ella.y]

this could cut my headache meds in half just on the css stuff alone. I'm gonna give it a fair shake when i'll get on some react development later this year.

[@__ZANE__]

don't bother figuring it out...chatGPT will do it for you in a couple years.

[@R4ver2]

This is probably the best way I've seen an implementation for "visual coding" while still keeping everything code based and traditional without a bunch of nonsense and proprietary junk. Might honestly try this out more and potentially recommend this for newer people getting into web development and need that visual output to understand what the heck is going on, in react only for now, but who knows what the future brings!

[@tomraviv6165]

Hey there, part of the Codux team here - really happy you like our chosen approach, we've tried to keep it as clean and un-opinionated as we can. Once you've taken Codux for a spin we'd love to hear your thoughts, and we definitely have plans for additional frameworks/libraries, but that's a bit further away in the future.

[@CB-zs9ov]

Reminds me of Bootstrap Studio

[@atomparish]

With how much time designers spend perfecting their UI in a design file we should just be doing the front end UI like this would solve a lot of problems and save tons of time. Sketching can just be used for quick ideation instead of tons of time playing around in Figma.

[@alexoscreed]

This looks like it slows down development a lot , hmr and a 2nd monitor to see your browser seems like less hassle. You need to know css anyway

[@shinovar5465]

this nobody is talking about this, you cant do no-code without knowing how to code

[@Eddie4k]

Yeah, that was my first thought as well that this would just slow down the process quite a bit.

[@guerra_dos_bichos]

using react for stuff that doesn't need react in the first place, bravo

[@yeetland1]

What year is it again?

[@TowelGard]

This could be game changing for designer/developer collaboration. They could make a wireframe that does a lot of the work for you or make small changes with less back and forth.

[@jesusvelez1577]

Is there one like this for React Native?

[@amjed-ali-k]

Yes, we definitely needed that

[@jesusvelez1577]

@@amjed-ali-k I had heard of BuilderX but I think its has not been updated in a LONG time

[@oussamaknani7753]

you know its sponsored when its too good to be true

[@robertgregg7028]

Seems long. Kind of thing I would build myself and think it's really cool, and use it for jobs that I do for people, but then try to explain it to someone else and realise that it is esoteric in that it comes down to how you prefer to code. My current setup with multiple monitors with the inspector window on a dedicated monitor, ide on main screen and browser window on another. I can work fast in that regard. Tools like the drop shadow slider is cool but then how fast is it compared to googling "CSS drop shadow creater". Not much in it for me. So to learn a whole new way of doing something in a world where they could stop developing it in a year's time is not appealing to me. That aside, as I said before, if I made this I would be pumped and would love to show it to people.

[@cyclonustv]

This one screams something ms patches into vs code functionality if popular enough. Really cool to see stuff like this as a visual learning coder.

[@rishabhgupta2085]

What’s more painful than seeing you favourite youtuber promoting a sh*t product

[@gamedevelopment9140]

Why shit?

[@adammobile7149]

I don't like these editors. You need to memorize how to click out everything in IDE instead of just writing code. In my opinion, for experience developers, it's a waste of time. In some cases for beginners it could be fine.

[@vaisakh_km]

This guy can sell me anything as a person who uses vim, i was in doubt of this, but he assured that this editor is better than vim

[@eurmn_]

honestly, this seems overcomplicated for something that was supposed to make things easier

[@m_elhosseiny]

Exactly what I thought, feels like it's adding an extra layer in development when I don't really buy how much it can enhance/speed up the processes

[@Arishava]

i think adding divs manually is not the way to go, but for visually editing a page, a visual editor is definitely the best tool. i like emmet notations like div*3>ul>li*5>a{link $} to quickly get some html that i want, then i would maybe reach for a visual tool.

[@Yashuop]

Raise your hand if you've been watching Fireship for a long time🤚

[@guy-]

✋

[@R3v0ult]

spam

[@0jinx]

Best visual editor yet ! I like it because it simply interops with existing coding tools instead of trying to replace it. I thinks it’s biggest advantage is that it lets you get into the actual product building really fast without wasting those precious few minutes setting up. It would also save a few seconds by not having to switch context from your code editor and browser constantly. Overall it will provide productivity boosts (maybe around 5%). However I do if it can support more complex things like monorepos, nextjs, page transitions etc

[@IlIllIIlllIIIIIIlllIll]

ok my nigga

[@thecryptobeard]

Looks awesome! I'm about to try it out and see actually how user friendly it is in doing other things like a responsive title bar.

[@highonkitkats]

me before realising you need to know typescript: 😀 me now: 😑

[@universaltoons]

JS -> TS = 🙂 TS -> Rust = 😎

[@rosaiz]

I feel as a synchronicity that you uploaded this video today.. Thanks! Trying it on some sketches for new apps

[@BelgianNoise]

Seems too complicated for sites that can be built via Squarespace and such and too simple to actually make a decently sized interactive app.

[@ikazuchi-san5772]

omg... its finally here... where have you been my entire life?

[@FrancescoRosiYTP]

A GUI? _Only fake programmers use that._ /s

[@leslieviljoen]

Awesome, I'm keen to play with this!

[@altugbakan]

Wow. As a non frontend guy, I think this will definitely make my life easier when developing frontend apps.

[@EvanAgee]

Oh man, my whole body filled with nostalgia seeing that Dreamweaver box... I'll never forget when I finally felt legit enough as an early web designer to justify the purchase.

[@jcdawson]

as a beginner, this will be extremely helpful for learning good CSS styling intuition. the setup reminds me a lot of XCode’s UI sidebar.

[@mcbridem2045]

I swear this guy is reading my web history.

[@Vanderjigs12]

I think this is an awesome visual aid to people just learning css but also for component structure/templating your components!

[@manuelalejandrotaygarcia9607]

I will definately try this for some of my personal projects!

[@Smurfis]

This would be great for more suited at designers however.