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

- 2

Render React components to Sketch for design systems
2017 · react-sketchapp.airbnb.tech
- 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

- 5

- 6

- 7

- 8

- 9

- 10

- 11

- 12

- 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

- 15RF
2021 · github.com
- 16

- 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

- 19

- 20

- 21

- 22

- 23

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

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