Ripple is a newly introduced TypeScript-based UI framework crafted by Dominic Gannaway, a key figure known for creating InfernoJS and his contributions to the React core team. The framework is specifically designed to accommodate AI-generated code, placing a strong emphasis on developer experience and debugging rather than focusing solely on raw performance. This anticipates a future where developers predominantly engage with maintaining and understanding code generated by Large Language Models (LLMs).
Ripple stands out by being a superset language of TypeScript, complete with its own unique <code>.ripple</code> file extension. This design choice allows for fine-grained rendering capabilities without depending on a virtual DOM or Signals, which significantly minimizes memory overhead. While the current focus of Ripple is on single-page applications, it does not yet support server-side rendering.
The framework cleverly integrates concepts from React, SolidJS, and Svelte, reflecting Dominic Gannaway’s diverse expertise. It offers a TypeScript-first approach and a JSX-like syntax that is familiar to many developers. Featuring fine-grained reactivity with automatic dependency tracking, Ripple also efficiently updates the DOM directly, circumventing the need for a virtual DOM. Adding to its versatility, Ripple supports scoped CSS and utilizes a compiler-driven strategy paired with a lazy evaluation system.
One of Ripple’s forward-thinking features is its planned integration of AI-powered debugging tools. Additionally, it supports context for shared state and offers compatibility adapters, enabling it to work seamlessly within React applications, and vice versa.
Newly open-sourced under the MIT license, Ripple is still in early stages of development but promises exciting advancements. With its innovative approach and robust features, Ripple aims to streamline the development process in an era increasingly influenced by AI.

Collections

Ripple is a new TypeScript-based UI framework created by Dominic Gannaway (InfernoJS creator and React core contributor) designed for AI-generated code workflows. It uses a custom .ripple file extension as a TypeScript superset, features fine-grained reactivity without virtual DOM or Signals, and supports JSX-like syntax with automatic dependency tracking. The framework combines concepts from React, SolidJS, and Svelte, currently focuses on single-page applications without SSR support, and plans AI-powered debugging tools. Open-sourced under MIT license with React compatibility adapters, it prioritizes developer experience and code maintainability over raw performance.

Introducing Ripple: A New Frontend Framework Designed for AI-Enhanced Development

Official website has not written <code>ai ready</code>, why this article is putting that AI slop in title.

This is just ludicrously meta for the sake of meta. It’s a joke, right? What next, a meta-meta framework that is made for people to orchestrate agents which orchestrate agents for a framework that abstracts specifically for agentic work so that agentic testers can agentically assess?
Are users going to be agentic too?

Our Flexiva toolkit is more generic, i.e. TypeScript, HTML, CSS plus pure AI adopting a spec-driven-development [SDD] approach. Our private GitHub repo has dozens of components to quickly build business apps. You pay to clone it, and adopt the proven methodology, saving you years of learning and earning. <a href="http://www.flexiva.co.uk" target="_blank" rel="noopener nofollow">www.flexiva.co.uk</a>