Sandpack

Pascal Editor is an open-source, web-based 3D building editor for creating and sharing architectural projects. It supports architectural elements and objects such as walls, slabs, roofs, zones, doors, windows, and furniture, along with plugins and publishable viewers. The editor is built with React Three Fiber and WebGPU. Its Turborepo monorepo separates scene schemas and state, 3D rendering, editing tools, built-in node definitions, viewer and capture runtimes, shared UI, a standalone Next.js app, and an MCP server that exposes scene tools, resources, prompts, and local storage to MCP-compatible AI hosts. The project can run locally through the @pascal-app/cli package, which starts a persistent editor and authenticated MCP service, stores projects in a local database, and manages the standalone runtime. Reusable editor, viewer, node, core, and capture packages are also distributed through npm.

Shaders is an open-source WebGPU component library and design platform from Shader Effects, Inc. It provides declarative effects for React, Vue, Svelte, Solid, JavaScript, and Framer, including gradients, noise, glass, metal, lighting, distortions, transitions, blurs, and cursor effects. Components render as GPU-blended layers that can be nested, masked, and composed without writing shader code. Its visual editor at shaders.com lets users arrange components on an infinite canvas, adjust their properties, connect them to cursor or timeline inputs, and export the resulting component tree. The accompanying CLI connects a project to a Shaders account, detects the framework, installs selected effects as component files, and can search, preview, and update them. Custom components can be defined with JavaScript objects and WGSL pixel code. The engine, components, framework bindings, and npm package are MIT-licensed; the hosted editor, presets, and other platform features have separate terms.

React is a JavaScript library for building web and native user interfaces. It uses declarative views that update the appropriate components when application data changes, and lets developers compose encapsulated, state-managing components into larger interfaces. React code can use JSX, an HTML-like syntax for defining interface elements, although JSX is optional. The library is designed for gradual adoption, can render on the server with Node, and supports mobile applications through React Native. Its core repository is developed openly on GitHub under the MIT license.

TanStack is an open-source application stack comprising headless, type-safe, composable libraries for building modern web applications. Its provider-agnostic cores separate application logic from UI frameworks and support React, Vue, Svelte, Solid, Angular, and vanilla environments; the libraries use TypeScript compile-time contracts for data fetching and state-management code, including autocomplete and typed data access. TanStack is MIT-licensed, self-hostable, independently governed, and community-driven.

Mador.js is a small reactive DOM runtime for adding state-driven behavior to existing HTML without a framework. It exposes reactive state and DOM bindings through a native ES module: bindings select elements, read selected state, and run update callbacks with the resulting values. Mador tracks the properties read by each binding and reruns only affected bindings; writes are batched so multiple state changes are processed together. Bindings are associated with the DOM elements they update, allowing their reactive runners to be removed when those elements disappear. It has no components, templates, virtual DOM, global runtime, or required build step, and is distributed through npm or a CDN under the MIT license.