Single-file components for React

In plain words

Single-file components for React is a GitHub project that enables developers to write React components in a single file format. It simplifies component organization by consolidating related code—markup, styling, and logic—into one file rather than managing multiple separate files. This approach is designed for React developers who prefer a more streamlined workflow and easier component management during development.

written from the facts on this page · September 2026

• 
  One – A new React framework unifying web, native and local-first2024 · onestack.dev · ▲506

  Hey HN, I'm Nate, the creator of Tamagui. One is a React framework that does two things differently in hopes of simplifying how we build websites and apps: 1. It unifies React Native and React web with typed file system routing by making Vite able to serve RN. This lets you share (or diverge) your code in a simpler way for cross-platform apps. 2. We've partnered with Zero (https://zerosync.dev) to make local-first work well. We've been building a solution in One that makes Zero supporting server rendering, without waterfalls, and with seamless server/client handoff. ---…

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

  Build your web application in a snap.

• RD
  React-data sheet, Excel-like spreadsheet component2017 · nadbm.github.io · ▲345
• CR
  Copy React code from any site2022 · sample-code.aspect.app · ▲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!

• 
  ReactSymbols UI Kit2017 · coolsymbol.now · ▲288

  UI elements in ready-to-use components for React

• 
  Tetrisly React Components2024 · tetrisly.com · ▲125

  An open-source react library to shipping web apps faster

• 
  /dev/null▲481

  a social network for devs

  Dev tools · 2d 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 · 27d 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 · 25d ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲341

  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 · 20d ago · talanoa.email

• 
  CoreSpeed▲332

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

  Dev tools · 28d ago · corespeed.io

• 
  Coda▲1,647

  It's a new day for docs

  Work · 2017 · coda.io

• 
  Station▲1,377

  One app to rule them all

  Work · 2017 · stationhq.com

• 
  New Google Calendar▲1,041

  Google is launching a new look + new features for Calendar

  Work · 2017 · support.google.com

• 
  InVision Studio▲999

  The world’s most powerful screen design tool

  Work · 2017 · miro.com

• 
  Slite▲876

  One combined workspace. All of your team documentation.

  Work · 2017 · slite.com

• 
  Stripe Elements▲817

  Beautiful, smart checkout flows 💳💸

  Commerce · 2017 · stripe.com