Alternatives

Products that do what Method 4 does

Start with react-components and get landing page that works

1. 1
   Page UI▲810

   High-converting landing page components to copy and paste

   2024 · pageui.shipixen.com

2. 2
   Method 5▲246

   The easiest way to create a website

   2021

3. 3
   HTML to React▲571

   Turn a design from any website into your own

   2024

4. 4
   React for Designers▲301

   Course for building a React site using components

   2018

5. 5
   Divjoy▲312

   The React codebase & UI generator

   2019

6. 6
   Airbnb React Sketch.app▲745

   Render React components to Sketch for design systems

   2017 · react-sketchapp.airbnb.tech

7. 7
   React Bricks▲213

   CMS with visual editing based on React components

   2022

8. 8
   react.dev▲552

   The new home for React and its documentation

   2023

9. 9CR
   Copy React code from any site▲374

   I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. I hope it's useful!

   2022 · sample-code.aspect.app

10. 10
    Layouts.dev▲699

    A notebook for building interfaces with Tailwind & shadcn/UI

    2024 · layouts.dev

11. 11
    Webifier.io▲132

    Generate React landing pages with AI

    2024

12. 12
    UIdeck 2.0▲357

    Landing page HTML templates and UI kits

    2021

13. 13
    Quarkly▲184

    Design tool to create sites & web apps on React

    2020

14. 14
    Design and Code in Framer X▲320

    Learn to prototype and build components using React

    2018

15. 15
    Locofy.ai▲720

    Turn Figma designs into code

    2022 · locofy.ai

16. 16CA
    Convert any website into a React component▲326

    Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component. Demo video: https://youtu.be/hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…

    2024 · chromewebstore.google.com

17. 17
    Pagedraw - Beta release▲126

    Compile UI Mockups to React Code

    2018

18. 18OF
    Open – Free React landing page template▲135

    2020 · github.com

19. 19BY
    Build your first real world React.js application▲261

    2016 · academy.plot.ly

20. 20LR
    Launch React components in your app with no-code▲33

    Hey HN! I've built a way to launch simple, stateful React components like promotions, banners, and announcements in your web app through reusable in-app UI channels. Here's a demo of how it works: https://youtu.be/qrPip41Ecyg. The docs are here: https://docs.frigade.com/v2/platform/collections. This enables non-technical teammates to launch native, prebuilt components directly in the product UI without involving engineering. We also provide the ability to update content (i.e. CMS), track user progress/state and target components to specific users…

    2024

21. 21
    React Starter Kit from Glitch▲274

    Free video course w/ interactive code helps you learn React.

    2017

22. 22
    Blockstack Create React▲86

    React starter kit for building Blockstack apps

    2017

23. 23
    Quest Components▲199

    The better way to build frontend for your products

    2022

24. 24
    20+ Free Tailwind CSS & React Blocks▲184

    Fully coded UI sections with designer file included

    2024

Ranked by how close each launch is in meaning, then by votes. Refine with a description →