rulebuilder is a React visual WHEN/THEN rule builder with typed nested conditions, a facts-based evaluation engine, Mermaid/workflow interchange, and debug playback.

Stars

6

7-day growth

No data

Forks

0

Open issues

0

License

MIT

Last updated

2026-07-30

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It ships as an MIT-licensed, TypeScript-ready React library that turns a JSON rule document into an editable AND/OR builder, a runtime evaluator, a Mermaid/workflow graph, and a debugger, all through a data-driven schema.

Who it is for

  • React developers building configurable policy or approval UIs
  • Product teams embedding no-code rule editors in their apps
  • Developers who need rules to be portable via Mermaid or workflow graphs
  • Teams wanting client- or server-side JSON rule evaluation

Use cases

  • Let users visually author expense approval rules with nested conditions and actions
  • Evaluate rules against fact objects to determine branch and triggered actions
  • Export rules as Mermaid diagrams or workflow graphs for documentation and interchange
  • Step through rule evaluation in debug playback to trace pass/fail per node

Strengths

  • TypeScript-ready and MIT-licensed with React 18+ support
  • Data-driven custom schema for fields, operators, and actions
  • Round-trip conversion between rule documents, workflow graphs, and Mermaid
  • Includes a debug player, theming options, and a headless debug plan builder

Considerations

  • Requires React 18+ and importing rulebuilder/styles.css
  • Mermaid round-trip relies on embedded metadata comments, so arbitrary external Mermaid may not map back cleanly
  • The builder is focused on the WHEN/THEN rule shape rather than general-purpose workflow editing

README quick start

Quick start (in your app)

Description

React basd rule builder

Related repositories

Similar projects matched by category, topics, and programming language.

TanStack
Featured
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web DevelopmentFrontend Frameworks
14,861
NUber-dev
Featured
NUber-dev GitHub avatar

YTubic

YTubic is a fast, responsive, open-source YouTube Music desktop client for Windows, Linux, and macOS that uses direct InnerTube API communication and aggressive caching to provide instant navigation and playback.

Web DevelopmentFrontend Frameworks
226
react
Featured
react GitHub avatar

react

React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.

Web DevelopmentFrontend Frameworks
246,741