Open-source alternatives to Phoenix Live View

Nuxt UI is a comprehensive Vue component library built for the Nuxt ecosystem, providing over 125 production-ready, WAI-ARIA compliant components for building modern web applications. The library offers a complete design system with Tailwind CSS theming, supporting dark mode, custom color palettes, semantic color aliases, and runtime theme switching through CSS design tokens. It includes built-in internationalization for over 50 languages, server-side rendering compatibility, and a Figma kit that mirrors the code components for design-to-development consistency. The library distinguishes itse

Leptos is a full-stack Rust web framework designed for building reactive applications that share logic and types between the server and the browser. It provides a comprehensive toolkit for developing web interfaces where specific DOM nodes update automatically in response to changes in underlying reactive signals, rather than re-rendering entire component trees. The framework distinguishes itself through a fine-grained reactivity model that tracks dependencies at the individual data point level. It utilizes compile-time template transformation to convert declarative HTML-like syntax into opti

Formtastic is a Ruby on Rails form builder that provides a domain-specific language for generating semantically rich and accessible HTML forms. It functions as a model-driven framework that automatically maps database schema attributes and associations to corresponding input fields, streamlining the creation of data entry interfaces. The framework distinguishes itself through a hierarchical lookup system that manages internationalized labels, hints, and action buttons across different model and attribute namespaces. It also supports complex data relationships by recursively processing nested

Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and

Baserow is a self-hosted, no-code relational database platform built on PostgreSQL. It provides a spreadsheet-like interface for structuring and managing data without writing code, while exposing all database resources via a REST API to support headless architectures. The platform distinguishes itself by integrating large language models and embedding servers to power AI assistants and automated data generation. It further extends its utility as a no-code application builder, allowing users to create custom internal portals, dashboards, and business tools using visual logic and managed data.

React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

re-frame is a functional framework for building single-page applications in ClojureScript. It provides a centralized, immutable database that serves as the single source of truth for the entire application state, enforcing a strict unidirectional data flow where events trigger state transitions and subsequent view updates. The framework distinguishes itself through a reactive signal graph and an interceptor-based middleware pipeline. By treating application logic as a sequence of data-driven events and declarative side effects, it decouples business logic from the view layer. This architectur

Phoenix is a server-side web framework built for the Elixir programming language and the Erlang virtual machine. It provides a structured environment for developing applications using the model-view-controller pattern, enabling developers to manage data, render user interfaces, and handle incoming requests within a scalable, process-based architecture. The framework distinguishes itself as a platform for real-time web communication, utilizing persistent bidirectional connections to broadcast live updates to clients. It incorporates a dedicated abstraction layer for relational database integra

TanStack Router is a type-safe routing library for web applications that provides full type safety for paths, search parameters, and data loaders across the entire application stack. It functions as a comprehensive framework for server-side rendering, enabling the generation of complete HTML pages to improve initial load performance and search engine optimization. By integrating declarative data fetching, the library manages asynchronous information at the route level, supporting preloading, caching, and parallel request execution to ensure data is ready before components render. The project

Remix is a full-stack web framework designed to manage data loading, mutations, and routing through standard web platform APIs. It functions as a server-side rendering framework that unifies server-side data processing and client-side interactivity within a single development model, ensuring applications remain consistent across diverse environments. The framework distinguishes itself by utilizing native web platform APIs for all request and response handling, including a declarative data mutation layer that synchronizes server-side database updates with client-side UI transitions via standar

Vike is a full-stack web framework that provides server-side rendering with client-side hydration, static site generation, and file-based routing. It operates as a plugin-based web framework with a universal JavaScript runtime, allowing the same code to run on both server and client environments. The framework distinguishes itself through its flexible data fetching capabilities, enabling data retrieval at any lifecycle point including server start, browser start, or page render. Its plugin-based extensibility allows for custom integrations and modifications without altering the core framework

Ant Design Vue is a comprehensive UI component library and enterprise design system for Vue. It provides a collection of reusable user interface elements designed specifically for building professional web applications and complex business software. The project functions as a server-side rendering framework, enabling the generation of HTML on the server to increase initial page load speeds and improve search engine visibility. It is designed for the implementation of corporate design systems and the construction of data-heavy internal tools, such as admin dashboards. The library covers broad

Sapper is a universal web application framework and server-side rendering framework for Svelte. It enables the development of applications that render views on the server for fast initial loads and hydrate them on the client for subsequent interactivity. The project features a file-based routing engine that maps URL paths to components based on the file system structure. It also functions as a static site generator, exporting production-ready HTML, CSS, and JavaScript files for hosting in environments without a live server. The framework covers full-stack development capabilities, including

aleph.js is a full-stack web framework for the Deno runtime. It integrates server-side logic and client-side interactivity within a single environment to build complete web applications. The framework functions as a server-side rendering system and a static site generator, producing pre-rendered HTML to improve search engine visibility and initial load speeds. It utilizes a file-based router that automatically maps the project directory structure to application URLs for both pages and API endpoints. The project includes capabilities for markdown-based content management, transforming markdow

Marko is a component-based web framework and HTML-based template engine used to build reactive user interfaces. It functions as a server-side rendering framework that compiles declarative templates into optimized JavaScript for efficient browser execution. The framework utilizes virtual DOM-less rendering to map template expressions directly to DOM nodes. It employs ahead-of-time template compilation and server-side HTML streaming to send rendered fragments to the client in chunks. The system manages user interfaces through a component-based view hierarchy with reactive data binding and fine

Blazor is a .NET framework for building interactive web user interfaces using C# instead of JavaScript. It provides a component-based UI composition model where reusable, self-contained UI elements are built with C# logic and Razor markup, supporting nesting, parameters, and lifecycle events. The framework offers two primary rendering models: a client-side runtime that compiles C# to WebAssembly and executes directly in the browser, and a server-side model that renders UI on the server and sends incremental DOM updates over a persistent SignalR connection. A central capability of Blazor is it

Haml is a Ruby HTML template engine and server-side rendering library. It functions as an HTML markup preprocessor that transforms a concise, indentation-based shorthand syntax into standard HTML and XHTML markup. The system uses hierarchical whitespace instead of explicit closing tags to define the structure of documents, reducing boilerplate during markup authoring. It integrates Ruby logic directly into templates to evaluate conditional statements, process dynamic data, and interpolate values. The engine provides tools for managing element attributes through hashes, controlling output whi

This repository serves as a comprehensive collection of reference implementations for the Remix web framework. It provides practical examples of full-stack web development, demonstrating how to build dynamic, server-rendered applications that bridge server-side logic with client-side interactivity. By leveraging a component-based architecture, these examples illustrate core patterns for managing data, routing, and user interfaces within a unified development environment. The collection highlights the framework's distinctive approach to web architecture, emphasizing server-side data loading an

Nuxt is a full-stack framework for building Vue.js applications. It serves as an application orchestrator that integrates server-side rendering, static site generation, and backend API logic within a single unified project. The framework uses a file-based routing system to automatically generate application URLs based on the project's folder and file structure. It supports multi-strategy web rendering, allowing for a combination of server-side, static, and hybrid rendering techniques to optimize page load speeds and search engine visibility. The project provides automated component discovery

iView is a Vue.js UI component library and enterprise web UI toolkit. It provides a collection of reusable interface elements designed for building professional business applications and complex administrative dashboards. The project functions as a server-side rendering framework, allowing for the generation of HTML on the server to improve search engine optimization and initial page load speeds. It covers capabilities for responsive web design and the construction of data-heavy internal tools through a standardized set of pre-built components.

This project is a starter template and boilerplate for building isomorphic web applications using React, Redux, and Express. It functions as a server-side rendering framework that generates HTML on the server and rehydrates it on the client to improve search engine optimization and initial page load speeds. The project is distinguished by its focus on developer experience, featuring a configuration for hot module replacement. This allows for the real-time updating of the user interface and application state during development without requiring a full browser refresh. The framework provides c

Ripple is a full-stack TypeScript web framework and reactive UI library used for building interfaces with server-side rendering. It organizes user interfaces into a hierarchy of reusable, scoped components with built-in state management and client-side hydration. The framework is distinguished by its fine-grained reactivity, which updates specific DOM elements without requiring full component re-renders. It integrates server-side logic and client-side components within a single TypeScript codebase, enabling a unified full-stack development workflow. The system covers a broad range of capabil

Arrow-js is a reactive UI framework and server-side rendering system designed for building agentic interfaces. It functions as a reactive state manager and isomorphic routing engine, enabling the creation of web applications that utilize tagged template literals for efficient DOM updates. The project distinguishes itself by incorporating a WebAssembly code sandbox, which allows untrusted or AI-generated code to execute within a secure virtual machine to render interfaces without accessing the host DOM. It further enables agentic UI development by allowing AI agents to dynamically generate vie

after.js is a server-side rendering framework for React applications that integrates with React Router to coordinate data loading, routing, and hydration. It functions as both a rendering framework and a static site generator, capable of exporting pages as static HTML and JSON files for delivery via content delivery networks. The framework provides a server-side data fetching layer that populates component properties during the render process. It manages navigation through a system of status-code driven redirections and dynamic error handling, allowing the application to trigger redirects or

This project is a starter template that provides a unified environment for building full-stack web applications by integrating the Vue.js framework with an Express server. It functions as a server-side rendering framework, enabling the execution of JavaScript on the server to generate HTML pages before they are delivered to the client. The template distinguishes itself by providing a cohesive architecture that bridges frontend rendering with backend API logic. It includes built-in mechanisms for server-side route protection and cookie propagation, ensuring that authentication states are maint

Angular Universal is a server-side rendering framework and static site generator for Angular applications. It provides the core engines and tools necessary to generate HTML on a server or during the build process to improve initial load performance and search engine optimization. The project enables both dynamic server-side rendering for on-demand HTML generation and build-time prerendering to create static files for predefined routes. It features a hydration engine that transfers server-side state and cached HTTP responses to the client, preventing the browser from duplicating network reques

Egg-react-ssr is a web framework combining React with a server-side rendering architecture, built on top of the Egg.js backend application framework. It provides a development skeleton supporting both JavaScript and TypeScript for building server-rendered React applications, featuring shared routing and universal execution modes. The framework implements unified route configurations that combine client and server endpoints into a single shared definition, eliminating duplicate path declarations across the stack. It supports server-side HTML hydration, declarative JSX component layouts, and as