HackerTrans
TopNewTrendsCommentsPastAskShowJobs

yaaang

no profile record

Submissions

Flippy Planes

flippyplanes.com
4 points·by yaaang·hace 6 meses·0 comments

Show HN: Plasmic — open source visual builder for React

github.com
10 points·by yaaang·hace 3 años·2 comments

comments

yaaang
·hace 3 años·discuss
Hello again HN!

We’ve been working on this tool for several years now and got HN’d in the past (https://news.ycombinator.com/item?id=29563629), but we’ve just released it as an open source project.

It combines some seemingly disparate genres:

- Webflow, Wordpress and other page builders

- Retool and other tool builders

- Glide and no-code app builders

- Contentful and other CMSes

Today these are different tools to specialize in, but the line between, say, a website and an application is blurry (consider an ecommerce storefront with user logins). With the right foundations, we think these can be unified—Plasmic’s UI can adapt to different levels of control for different personas/tasks.

But more importantly, unlike existing tools, Plasmic integrates with codebases. This is critical to making low-code scale past the complexity ceiling that all such tools (including Plasmic) have. You can drag and drop existing complex React components, and you can visually create new UIs/components within traditionally-coded applications, seamlessly weaving code and no-code.

Main use cases we’ve seen:

- Content management: let marketing drag/drop your React components to build landing pages in your Next.js website, with design guardrails

- Applications: let developers and technical users quickly build internal tools, client portals, and business software

- Website builder and design tool that doesn’t limit you to some built-in ecommerce platform, CMS, or hosting

Check out some videos/demos of building:

- Twitter clone: https://youtu.be/rpdjrFuVMog (live app: https://twitter-staging.plasmic.run)

- Service desk app: https://youtu.be/rYqSpUEJSTw (live app: https://tickets.plasmic.run)

- Vercel marketing page: https://youtu.be/itvbmgLZvcM (live app: https://vercel-workflow.vercel.app)

- Shopify headless storefront: https://commerce.plasmic.run

- Apple.com: https://apple.plasmic.run

Plasmic has been in production deployment at companies big and small. But we think it can grow far beyond ourselves as an open source project. We’d love to see it taken in new unexplored directions! Community users have even started using it to build emails with React.Email and mobile screens in React Native—our permission not required.

Would love to hear what you think!
yaaang
·hace 3 años·discuss
As a "no-code sales person," I actually agree. It's why we started on https://plasmic.app, to bridge the gap between low-code and code—we think there can exist low-code tools that integrate deeply with existing code and codebases, to allow scaling in complexity.

A very nice effect of this is cross-functional collaboration—once it's possible for the team's developers to provide the right components as building blocks, then the non-developers in operations, design, marketing and product functions can compose these into full pages.
yaaang
·hace 3 años·discuss
https://plasmic.app is a soon-open-source visual builder that (uniquely) integrates with codebases. (I work on this!)

So you can build within existing apps and use your own arbitrarily complex React components. This is what makes it suitable for complex production projects, because (as many others note) you'll invariably hit ceilings with typical low-code tools.

It focuses on both websites and applications, so it can be wielded as either a Webflow or Retool alternative.
yaaang
·hace 3 años·discuss
Hi! I work on Plasmic. Plasmic's most common use case is actually the same one, letting content editors build pages in your existing website using your React components.

Congrats on this release! We are actually open sourcing Plasmic soon, would love to discuss any possible ways to collaborate.
yaaang
·hace 3 años·discuss
That sounds like Plasmic: https://plasmic.app

You register React components as building blocks, and compose them together into websites and web apps.
yaaang
·hace 3 años·discuss
Thanks for the mention of Plasmic!

Indeed, I believe there's a lot of innovation to be had by page builders - Plasmic's approach is to blur the lines between the codebase and the visual editor, so we try to directly confront the myriad issues laid out by three OP.