nowfound

Alternatives

Products that do what Annotate: Create walkthrough guides in the style of the Stripe docs does

Hi HN! Founder of Annotate here. Annotate lets you create step-by-step code walkthroughs, inspired by Stripe’s documentation (e.g., https://docs.stripe.com/checkout/quickstart) for your technical product. It comes with a React SDK that lets you embed walkthroughs directly in your docs or marketing materials. Check out an example walkthrough on the home page. Why build Annotate? I’ve been in the dev tooling space for the last 5 years and have two main learnings: 1. Developers first look for a quick start guide when exploring a technical product. A great quick start…

  1. 1
    Locofy.ai720

    Turn Figma designs into code

    2022 · locofy.ai

  2. 2

    Render React components to Sketch for design systems

    2017 · react-sketchapp.airbnb.tech

  3. 3AV

    I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!

    2022 · dev.aspect.app

  4. 4

    A notebook for building interfaces with Tailwind & shadcn/UI

    2024 · layouts.dev

  5. 5
    Flow409

    Animate Sketch designs and generate production-ready code.

    2017

  6. 6
    react.dev552

    The new home for React and its documentation

    2023

  7. 7

    Step-by-step code walkthroughs for your API

    2021

  8. 8
    Annotate193

    Menubar app to draw on any app or screen on macOS

    2024

  9. 9
    Theneo409

    Build Stripe-like API docs in just a few clicks

    2022

  10. 10
    Divjoy312

    The React codebase & UI generator

    2019

  11. 11
    Quest AI299

    Convert napkin drawings into React components or Apps w/ AI

    2023

  12. 12

    Instantly visualize any codebase as an interactive diagram

    2025

  13. 13AG

    Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!

    2023 · react-graph-gallery.com

  14. 14
    Quarkly184

    Design tool to create sites & web apps on React

    2020

  15. 15RF
  16. 16

    Visualize code for faster onboarding, planning, and reviews.

    2021

  17. 17IV

    GitDiagram is an open-source micro dev-tool that I made this past week Given any public GitHub repository it generates diagrams in Mermaid.js with Claude 3.5 Sonnet I extract information from the file tree and README for details and interactivity (you can click components to be taken to relevant files and directories) Also, you can replace "hub" with "diagram" in any repository URL to access its diagram I created this because I wanted to contribute to open-source projects but quickly realized their codebases are too massive for me to dig through manually, so this helps me get started I do…

    2024 · gitdiagram.com

  18. 18

    A guide to using React for designers

    2019

  19. 19
    Stylebit382

    Measure, analyze & boost design system adoption

    2024

  20. 20

    Design and code web and mobile apps with React and Swift

    2020

  21. 21
    Sapling146

    A convenient way to traverse your React app

    2021

  22. 22

    No-code platform to build, launch & export pages 91% faster

    2021

  23. 23

    Let AI create a full-stack web app based on your description

    2023

  24. 24
    Code2Flow255

    An easy solution to create product flows.

    2019

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