Use Webflow to build React & Web components visually
Build components visually in Webflow, connect to your local React project, and import ready-to-use components complete with props, slots and interactions. It's the fastest way to prototype something you can actually use in your product.
Hey ProductHunt!
I’m excited to announce the latest Webflow Labs launch: DevLink https://webflow.com/devlink! DevLink allows you to build components in Webflow for use in React projects — design and development teams can quickly ship pixel perfect designs and simplify the way they collaborate.
Creating ready-to-use, high-fidelity React components in Webflow’s best-of-breed designer can help teams in a lot of ways:
- Launch web apps and products faster by skipping the entire process of coding UI elements
- Connect Marketing and Product by providing a method for owners of the core app to repurpose work done on the marketing site
- For agencies and freelancers, expand the services you offer clients by giving them entire design systems with code counterparts.
To use DevLink, there’s just a few basic steps:
1. Design and build UI components in Webflow using our visual development Designer
2. Connect Webflow with your local React project
3. Import ready-to-use React components complete with props, slots, and interactions
Best of all, anyone on any plan can start to use DevLink for free during our beta!
Used alongside our [Figma-to-Webflow plugin](https://www.producthunt.com/prod...), we imagine our users will be able to design almost straight through to production.
We're launching DevLink in beta and we’re keen to see what folks would most like to see next. We have lots of enhancements planned, such as Storybook, supporting more frameworks other than React (Svelte, Vue, etc), and more!
You’ll need a Webflow account, so make sure to sign up for a free Webflow account if you don’t have one already. https://webflow.com/devlink
Let us know what you think!
Webflow Labs is a new innovation lab at Webflow I'm heading up. You can read more about it here: https://webflow.com/blog/announc...
About Webflow DevLink on Product Hunt
“Use Webflow to build React & Web components visually”
Webflow DevLink launched on Product Hunt on June 6th, 2023 and earned 200 upvotes and 28 comments, placing #6 on the daily leaderboard. Build components visually in Webflow, connect to your local React project, and import ready-to-use components complete with props, slots and interactions. It's the fastest way to prototype something you can actually use in your product.
On the analytics side, Webflow DevLink competes within Design Tools, Prototyping and Web Design — topics that collectively have 339.8k followers on Product Hunt. The dashboard above tracks how Webflow DevLink performed against the three products that launched closest to it on the same day.
Who hunted Webflow DevLink?
Webflow DevLink was hunted by brryant. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
brryant