ReactCircle – Renders SVG circle and percentage

In plain words

ReactCircle is a software component that renders SVG circles with percentage displays. Built for developers working with React, it provides a straightforward way to visualize circular progress indicators or percentage-based data in web applications. The component outputs scalable vector graphics, making it suitable for responsive designs across different screen sizes.

written from the facts on this page · September 2026

• 
  ReactCircle2018 · zzarcon.github.io · ▲4

  Renders SVG circle and percentage

• 
  Shape.so2019 · shape.so · ▲290

  1350+ icons, illustrations exportable to SVG, React & Lottie

• 
  React Rainbow Components2019 · react-rainbow.io · ▲327

  Build your web application in a snap.

• AV
  A Visual IDE for React2022 · dev.aspect.app · ▲479

  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!

• MS
  Make SVGs interactive in React with 1 line2025 · svggles.vercel.app · ▲54

  Hey HN I built svggles (npm: interactive-illustrations), a React utility that makes it easy to add playful, interactive SVGs to your frontend. It supports mouse-tracking, scroll, hover, and other common interactions, and it's designed to be lightweight and intuitive for React devs. The inspiration came from my time playing with p5.js — I loved how expressive and fun it was to create interactive visuals. But I also wanted to bring that kind of creative freedom to everyday frontend work, in a way that fits naturally into the React ecosystem. My goal is to help frontend developers make their…

• MW
  Mixing WebGL and HTML, Both Rendered Out in React2019 · subdued-health.surge.sh · ▲129

• 
  /dev/null▲486

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Stripe Billing▲1,030

  Billing and subscriptions for fast-growing businesses

  Dev tools · 2018 · stripe.com

• 
  New Gmail▲935

  The new version of Gmail web

  Work · 2018 · blog.google

• 
  The Business Messenger by Intercom▲905

  More than just chat. Intercom's new app platform.

  Life & fun · 2018 · fin.ai

• 
  1.1.1.1 by Cloudflare▲871

  The Internet’s fastest, privacy-first DNS resolver

  Dev tools · 2018 · one.one.one.one

• 
  Artboard Studio▲732

  Online graphic design app mainly focused on product mockups.

  Growth · 2018 · artboard.studio

• 
  Grasshopper▲654

  The coding app for beginners by Google

  Dev tools · 2018