DiscoverAI ToolsSnapshotMagazineStartup SpotlightAI News
+ List Startup Sign In
›Developer Tools›REALM
REALM logo

REALM

Build web components from HTML files without a bundling step
Share Visit Website

About REALM

REALM is an HTML framework for building browser web components. A component is written as a custom-element definition containing script, style and markup. The framework can be loaded from a CDN, with components imported as HTML files, so the example workflow does not require a bundler or a project configuration file. Its homepage positions this approach for shipping MVPs with code that remains visible through View Source.

The examples demonstrate reactive state, repeated lists, data fetching and forms. A useState object supplies values that are displayed through slots and attributes, while regular event handlers update the state. Components can participate in native forms, including submission, resetting and validation. The site also shows a UI component collection and complete small applications such as a todo list, Kanban board, chess interface, dashboard and contacts app. These are examples of patterns, not a claim that the framework supplies a hosted application backend.

The project offers documentation, references and examples alongside specifications linked on GitHub. Documentation can be read as Markdown, and the homepage describes a guide for coding tools that need the component model and its rules. The shown CDN package path is tagged alpha, which matters when assessing stability for a production dependency. A team should review the current release, browser requirements and missing features before adopting it for an existing application. Loading dependencies from a CDN also remains a deployment choice that needs version and availability planning. REALM is useful when a developer wants colocated HTML components and a direct browser workflow, but removing a build step does not remove testing, accessibility or security work.

Website

REALM website screenshot

Perfect for

Developers exploring HTML-first components for prototypes and small web applications.

Solves these problems

Keeping component script, styling and markup together in directly loaded files.