React Bricks

What it does

React Bricks is a CMS with the best Visual editing experience for Content editors, but great for Developers too, as content blocks are React components defined in code. Easy as Wix for editors, but with your pixel-perfect design and no way to break it.

Visual headless CMS based on React components for Next.js and Remix. With asset manager, localization, collaboration, external API integration and more.

React Bricks lets AI generate full pages using your components, so every result follows your structure, layout, and brand. No broken layouts. No off-brand content. Just scalable, predictable content. Build reusable content blocks with React and TypeScript. Enforce structure and design directly in code. Content editors compose pages visually using your components. No code, no broken layouts. Define your design system in React, powering editors and AI. Set up your project with Next.js or Astro using the React Bricks CLI. Guides, tutorials, and documentation to help you build faster. Scalable, secure, and fully customizable for complex organizations. Built for governance and compliance, ISO…from reactbricks.com

• 
  React Bricks, The only headless CMS with true Visual Editing2024 · reactbricks.com · ▲30

  Just released React Bricks' new, revamped website and wanted to show it to the community. Turn your React components into visual editing blocks. Make marketers autonomous. Keep the design system safe.

• 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!

• 
  React for Designers2018 · designcode.io · ▲301

  Course for building a React site using components

• AP
  A portfolio website simulating macOS's GUI using React2021 · portfolio.zxh.io · ▲683
• 
  JSX.Design2024 · ▲413

  The dev friendly no-code editor for React development

• 
  Quarkly2020 · quarkly.io · ▲184

  Design tool to create sites & web apps on React

• 
  /dev/null▲472

  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▲340

  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 · 27d ago · corespeed.io

• 
  Peerlist▲1,049

  A professional network w/ robust work profiles at its core

  Life & fun · 2022 · peerlist.io

• 
  Switchboard▲768

  Hey HN this is Daniel, I'm excited to share Airtop with the community! Airtop enables AI agents to seamlessly browse and automate any website — even ones with complex authentication like MFA or OAuth. Whether you need to scrape, interact with dynamic content, or automate tasks across multiple browsers, Airtop's cloud-based infrastructure makes it scalable and accessible. Why Airtop? — AI-Driven Web Automation: Automate interactions with any site through natural language commands even if they include human-in-the-loop scenarios. — Authentication Ready: Airtop handles websites requiring…

  Work · 2022 · airtop.ai

• 
  Product Hubs & Launch Pages▲732

  A whole new way to learn about a product’s journey

  Life & fun · 2022

• 
  Acapela▲715

  The central inbox for all your work tools

  Work · 2022 · acapela.com

• 
  Mitmproxy2swagger – Automagically reverse-engineer REST APIs▲691

  Automagically reverse-engineer REST APIs via capturing traffic - alufers/mitmproxy2swagger

  Growth · 2022 · github.com

• 
  Claap▲685

  Async video collaboration for hybrid teams

  Work · 2022 · claap.io