The Semantic Interface Engine for the Agentic Web.
This repo is a preview. The engine is live — try the demo!
⭐ Star to get notified when @ripple/core ships.
My.Movie.3.1.mp4
↑ AI generating real, interactive UIs in seconds
Ripple turns AI Intent into Living Interfaces.
Instead of the LLM deciding which components to use, it describes what it wants to show. Ripple's engine handles the rest—layout, theming, interactivity.
| Standard GenUI | 🌊 Ripple | |
|---|---|---|
| AI says | "Render a Card with..." | "Show flight options" |
| Result | Fragile, verbose JSON | Adaptive, themed UI |
| Frameworks | Single | React · Svelte · Solid |
"If
json-renderis HTML, Ripple is the Browser Engine."
Try the Live Demo — here's what you can build:
| Category | Examples |
|---|---|
| 🛒 Shopping | Browse products, compare tech, find deals |
| 🍕 Food & Dining | Order pizza, meal planning, restaurant search |
| Plan trips, weekend getaways, packing checklists | |
| 💪 Fitness | HIIT workouts, yoga sessions, progress tracking |
| 💼 Business | Sales dashboards, invoices, expense breakdowns |
| 📚 Learning | Flashcards, quizzes, study plans |
| ⚖️ Legal | Contract review, compliance checklists, due diligence |
| 🎬 Media | Documentaries, music, podcast discovery |
| 🗓️ Productivity | Project timelines, calendars, focus timers |
| 🎨 Creative | Drawing canvas, notes, brainstorming |
40+ interactive demos — all from simple semantic prompts.
| Phase | Status |
|---|---|
| Core Engine (Svelte) | ✅ Live |
| Public npm release | 🔜 Q1 2026 |
| React & Solid Adapters | 🔜 Q1 2026 |
| Widget Registry | 🔜 Q1 2026 |
Why not Vercel's json-render?
json-renderis component-tree focused. Ripple is intent-focused—the AI doesn't need to know your component names.
When will the code be available?
Q1 2026. Star this repo to get notified.
👉 Try the Live Demo
Built by Interacly · Part of OCEAN Protocol