Alternatives

Products that do what Tree-hugger-JS: CSS selectors for JavaScript AST analysis and MCP does

I built a library that lets you find code patterns using familiar CSS-like selectors, then connected it to Claude via MCP so AI assistants can understand and refactor codebases. The Approach // Find code patterns with intuitive selectors: const asyncFunctions = tree.findAll('function[async]'); const todoComments = tree.findAll('comment[text="TODO"]'); const reactHooks = tree.hooks(); // Built-in React support // Chain smart transformations: tree.transform() .rename('oldFunction', 'newFunction') .removeUnusedImports() .toString(); Key Features - CSS-like…

1. 1
   Astrum▲172

   A lightweight pattern library for any web project

   2016

2. 2
   Stitches▲135

   The modern CSS-in-JS library with near-zero runtime.

   2020

3. 3
   Blitz.js▲270

   Rails-like framework for React apps, built on Next.js

   2020

4. 4CA
   Codewich – A live-updating TypeScript/CSS/HTML playground▲114

   2017 · codewich.com

5. 5RP
   React Pattern Book – A low maintenance pattern library/style guide▲114

   2018 · springload.github.io

6. 6FI
   Forestry.io – A full CMS for Hugo/Jekyll in a single (React) file▲34

   2016 · forestry.io

7. 7
   Sapling▲146

   A convenient way to traverse your React app

   2021

8. 8SD
   SentinelJS – Detect new DOM nodes using CSS selectors▲90

   2017 · github.com

9. 9
   CSS Selectors/Combinators Classifier▲112

   Organize and highlight CSS selectors and combinators by type

   2023

10. 10CC
    Codemap – Codebase Visualizer for JavaScript, TypeScript, and Python▲84

    2020 · codemap.app

11. 11FJ
    Forgo.js – a 4kb React alternative based on plain JS and DOM APIs▲110

    2021 · forgojs.org

12. 12MJ
    Matches.js -- Powerful Pattern Matching for Javascript▲96

    2012 · github.com

13. 13JA
    JsonTree, a 3.53kb JavaScript tool for generating html trees from JSON▲78

    2017 · maxleiter.github.io

14. 14FF
    Frpjs – Functional reactive programming library for JavaScript▲36

    2016 · github.com

15. 15AC
    A collection of recursive CSS specimens▲58

    2018 · recurss.github.io

16. 16NR
    Noact – React-like Virtual DOM library in 70 lines of TypeScript▲50

    2020 · github.com

17. 17CB
    Compiled, buildtime atomic CSS in JavaScript and all your favorite APIs▲47

    2021 · compiledcssinjs.com

18. 18EM
    Eslisp – Minimal JavaScript S-expression syntax and macro system▲51

    2015 · github.com

19. 19NA
    nunjucks, a better templating system for javascript (jinja2 inspired)▲38

    2012 · nunjucks.jlongster.com

20. 20RA
    Render abstract syntax trees using React▲36

    2019 · github.com

21. 21RU
    React-use-fuzzy – React hook in TypeScript for client side fuzzy search▲24

    2019 · npmjs.com

22. 22CS
    CSS selector generator for shortest, unique, robust selectors▲29

    2018 · github.com

23. 23AF
    A functional red-black tree in JavaScript▲12

    2014 · github.com

24. 24IB
    I built a JavaScript UI library with reactive atomic updates▲6

    Hey everyone! Some time ago I was analyzing why React apps are so hard to optimize, and came to a conclusion that the lack of atomic updates is the culprit. I made an experimental library which basically updates everything in place directly in HTML. At some point I became aware that Solidjs exists, which is a very similar idea, but at the end of the day I realized my approach to API is quite different and warrants the existence of my library (my state primitive allows selector subscriptions, array iterators return a state primitive with the element, allowing to never re-render the whole…

    2024 · github.com

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